css修改滚动条的样式

Posted 野猪佩奇007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css修改滚动条的样式相关的知识,希望对你有一定的参考价值。

::-webkit-scrollbar
/滚动条整体样式/
width: 4px; /高宽分别对应横竖滚动条的尺寸/
height: 1px;

::-webkit-scrollbar-thumb
/滚动条里面滚动块/
border-radius: 10px;
box-shadow: inset005pxrgba(97, 184, 179, 0.1);
background: rgba(0, 0, 0, 0.2);

::-webkit-scrollbar-track
/滚动条里面背景滑块/
box-shadow: inset005pxrgba(87, 175, 187, 0.1);
border-radius: 10px;
background: #fff;

以上是关于css修改滚动条的样式的主要内容,如果未能解决你的问题,请参考以下文章

修改浏览器滚动条样式

css PC端 修改 滚动条样式

怎样改变框架滚动条的样式 急!!!

使用css改变滚动条样式 并使滚动条不贴边

用css怎么设置div滚动条的样式,可改变大小的

用css怎么设置div滚动条的样式,可改变大小的