下面是一些常见的示例代码:
设置滚动条颜为红:
/* 水平滚动条 */
element表格横向滚动条::-webkit-scrollbar {
    width: 8px; /* 设置滚动条宽度 */
}
::-webkit-scrollbar-thumb {
    background-color: red; /* 设置滑块颜 */
}
::-webkit-scrollbar-track {
    background-color: #f5f5f5; /* 设置滚动条背景颜 */
}
设置滚动条大小及位置:
/* 水平滚动条 */
::-webkit-scrollbar {
    height: 6px; /* 设置滚动条高度 */
    margin-top: -4px; /* 设置滚动条与内容之间的上边距 */
}
::-webkit-scrollbar-thumb {
    border-radius: 3px; /* 设置滑块圆角 */
}
::-webkit-scrollbar-track {
    border-radius: 3px; /* 设置滚动条背景圆角 */
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。