CSS代码无法风格化水平滚动条

Question

我有此代码：

::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:5px;
    height:0px
}
::-webkit-scrollbar-track {
    background-color:#ecedee
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color:#6dc0c8;
}
    ::-webkit-scrollbar-thumb:hover{
    background-color:#56999f;
}
    ::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:4px;
    height:0px
}
::-webkit-scrollbar{
    width: 4px;
}

它完美地修饰了垂直滚动条，但不适用于水平滚动条。

我正在尝试在此图表中设置水平滚动条的样式：

Answer 1

尝试一下：

:::-webkit-scrollbar {     高度：4px； //应用水平滚动条的高度 }