【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