html - 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-滚动条{ 高度:4px；//应用水平滚动条的高度