css 自定义滚动条(仅限webkit)

Posted

tags:

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

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

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

::-webkit-scrollbar-thumb {
 	border-radius: 10px;
 	background:#000;
}

以上是关于css 自定义滚动条(仅限webkit)的主要内容,如果未能解决你的问题,请参考以下文章

css 自定义webkit滚动条

CSS自定义滚动条样式

CSS3自定义滚动条样式 -webkit-scrollbar

自定义 CSS webkit 滚动条在 Firefox 浏览器中不起作用

自定义滚动条

CSS3自定义滚动条的颜色等样式 - hover显示切换 - 伪类::-webkit-scrollbar的样式控制