-webkit 内核浏览器 自定义滚动条样式
程序员文章站
2024-01-28 15:57:40
...
实例代码针对-webkit 内核浏览器滚动条样式的设置以及使用方法,记录并提供给大家学习参考。
声明出现滚动的容器(#scrollWrap):overflow:auto。
#scrollWrap::-webkit-scrollbar-track {
background-color: transparent
}
#scrollWrap::-webkit-scrollbar {
width: 6px
}
#scrollWrap::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #ccc
}
#scrollWrap::-webkit-scrollbar-thumb:hover {
background-color: #aaa
}
上一篇: CSS技巧(1)清除浮动
下一篇: CSS3自定义浏览器滚动条样式