如何通过CSS设置水平滚动条的样式？

Question

我的风格我的垂直滚动条与下面的代码：

::-webkit-scrollbar { 
    width: 4px; 
    border: 1px solid #d5d5d5; 
} 

::-webkit-scrollbar-track { 
    border-radius: 0; 
    background: #eeeeee; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 0; 
    background: #b0b0b0; 
} 

现在，我的垂直滚动条是这样的：

然而，我的水平滚动条是这样的：

如何设置2-4px高度f或者它？

Answer 1

::-webkit-scrollbar { 
    height: 4px;    /* you're missing height! */ 
    width: 4px; 
    border: 1px solid #d5d5d5; 
} 

，因为你不能在逻辑上强制滚动条在一定高度，在height属性用于设置水平的滚动条高度:)

Answer 2

这可能有助于

::-webkit-scrollbar{ 
     height: 4px; 
     width: 4px; 
     background: gray; 
    } 
    ::-webkit-scrollbar-thumb:horizontal{ 
     background: #000; 
     border-radius: 10px; 
    }