【css】 修改滚动条样式

搜索到一篇很实用的小技巧，可以修改滚动条的样式，上代码：

::-webkit-scrollbar { 　　width: 10px;/* 这是针对缺省样式 (必须的) */ }

::-webkit-scrollbar-track { 　　background-color: #b46868;/* 滚动条的滑轨背景颜色 */ }

::-webkit-scrollbar-thumb { 　　background-color: rgba(255, 255, 255, 0.2);/* 滑块颜色 */ }

::-webkit-scrollbar-button { 　　background-color: #7c2929;/* 滑轨两头的监听按钮颜色 */ }

::-webkit-scrollbar-corner { 　　background-color: red;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */ }

 

原文路径：http://www.qdfuns.com/notes/41313/8557ce698fd30a574e34cac738c6275e.html

转载于:https://www.cnblogs.com/Mr-Welson/p/7552872.html

相关资源：修改火狐滚动条样式(纯css).html