css自定义滚动条样式

代码

css自定义滚动条样式，webkit内核浏览器。

/* 滚动条样式 */
::-webkit-scrollbar { /* 滚动条的宽度 */ width: 10px; margin-right: 7px; }
::-webkit-scrollbar-track { /* 滚动条的滑轨背景颜色 */ background-color: #fff; }
::-webkit-scrollbar-thumb { /* 滑块颜色 */ background-color: #d6d6d6; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { /* 鼠标移到滑块上面的变色 */ background-color: #666; }
::-webkit-scrollbar-button { /* 滑轨两头的监听按钮颜色 */ background-color: #fff; }
::-webkit-scrollbar-corner { /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ background-color: #fff; }

例子

可以点击此处查看：例子

今天的文章css自定义滚动条样式分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。