我有一个水平滚动部分在我的网站，但我想改变滚动样式，iv'e设法改变滚动条的样式使用'''::-webkit-scrollbar'''标签，但它也影响垂直滚动。 我只想改变滚动条时，它的内容水平滑动。
如有任何回应，不胜感激。
您可以对特定的类使用::webkit-scrollbar。 例如:让容器为“。scroll-content”
.scroll-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #ccc;}
.scroll-content::-webkit-scrollbar{width: 5px;height: 5px;background-color: #ccc;}
.scroll-content::-webkit-scrollbar-thumb{background-color: #ff7043;}
但此方法不适用于Mozilla Firefox
使用伪类选择器:
:horizontal
:vertical
:decrement
:increment
:start
:end
:double-button
:single-button
:no-button
:corner-present
:window-inactive
工作演示:codepen。
更多信息请点击这里。
注意:这只适用于webkit浏览器。
