Body { scrollbar-arrow-color: #f4ae21; scrollbar-face-color: #333; scrollbar-3dlight-color: #666; scrollbar-highlight-color: #666; scrollbar-shadow-color: #999; scrollbar-darkshadow-color: #666; scrollbar-track-color: #666; }
如何实现CSS3自定义滚动条样式在chrome下可以自定义滚动条样式，举个例子
::-webkit-scrollbar
{
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track-piece
{
background-color: rgba(204, 204, 204, 0.66);
-webkit-border-radius: 0px;
}
::-webkit-scrollbar-thumb
{
border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #7b7b7b;
}
/*定义横向和纵向交点的样式*/
::-webkit-scrollbar-corner { background-color: transparent; }
这里可以定义滚动条的粗细度和颜色等，至于更具体的诸如分别定义横竖滚动条样式等需要你自行修改 。
另外也可以利用一些开源的滚动条插件来实现你需要的效果，比如我之前使用过的nicescroll.js，在浏览器兼容方面会好一些，但是可能会对系统的稳定性有影响，这个需要你权衡 。
【css滚动条样式-css滚动条样式代码】关于css滚动条样式的介绍就介绍到这里吧，相信你已经寻找到关于css滚动条样式代码有用的答案了 。 更多与css滚动条样式相关的信息可以查找下方的相关文章喔 。
关键词：css滚动条样式

• 今日头条多久发文好？有什么技巧？
• 深圳姑娘的36㎡小家，收纳功能太强大，家中井井有条，生活真精致
• 装修新手看过来，老师傅总结的10条装修经验，错过了没后悔药
• 抖音山货上头条怎么弄？抖音山货上头条的东西靠谱吗？
• 北京户口需要什么条件-留学生落户北京户口需要什么条件
• 抖音山货上头条的东西好吗？上头条怎么弄？
• 抖音山货上头条怎么联系官方？上头条是真的吗？
• 项目负责人的主要职责-项目负责人的主要职责七条
• 人力资源证书报考要求-人力资源证书报考有哪些条件
• 今日头条发文助手在哪里？工具怎么样？