我的滚动条的css如下所示：
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 4px;
background-color: transparent;
}
::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
所做的更改已正确反映在垂直滚动条中，但水平滚动条看起来却大不相同。
有人知道原因吗？
小提琴：http : //jsfiddle.net/dhckpL54/1/
CSS：
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 4px;
background-color: transparent;
}
::-webkit-scrollbar
{
width: 5px;
height: 5px; /* <---- This was missing */
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句