如何将默认滚动条样式更改为自定义滚动条,
这可能与没有java脚本和j查询的html和css有关
提前致谢
我想更改 div 的水平滚动条样式。
我成功更改了 x 轴(垂直)滚动条样式,但是当我添加 y 轴滚动时,它采用与我为 y 轴添加的样式相同的样式。
我想以不同的方式设置两个滚动条的样式。有什么可能的方法可以实现这一点吗?
(x 轴)垂直滚动条的当前 CSS:
.list-group {
overflow-y: scroll;
max-height: 335px;
border: 1px solid #bdbdbd;
padding: 10px;
}
.list-group::-webkit-scrollbar {
width:35px;
}
.list-group::-webkit-scrollbar-button:increment {
background-image: url('../images/arrow down.png');
background-repeat: no-repeat;
height: 30px;
border-bottom: 2px solid transparent;
}
.list-group::-webkit-scrollbar-button:decrement {
background-image: url('../images/arrow up.png');
background-repeat: no-repeat;
height: 30px;
border-top: 10px solid transparent;
}
Run Code Online (Sandbox Code Playgroud)