小编Sam*_*ano的帖子

我想更改 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;
}