滚动条样式

Posted 姿夏的海角

tags:

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

::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #f5f5f5;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
border-radius: 10px;
background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
/*width: 10px;*/
height: 20px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}

 

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

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

css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

如何自己实现一个滚动条,自定义滚动条样式

设置滚动条样式

elementuitable横向滚动条样式和纵向滚动条样式不

怎么用css设置火狐浏览器默认滚动条样式