样式滚动条问题

Question

好吧，我正在尝试设置滚动条的宽度，使用：

div.scrollabardiv::-webkit-scrollbar 
{
      width: 15px;
} 

但是这只是因为某些原因删除了我的滚动条。 这是fiddle

Answer 1

添加-thumb。

＆＃13;

＆＃13;

div.scrollabardiv::-webkit-scrollbar-thumb
{
  width: 15px;
} 

＆＃13;

＆＃13;

＆＃13;

关于滚动条的宽度，您可以参考this帖子。 Webkit浏览器（如Chrome和Safari）能够使用CSS呈现滚动条的宽度，这意味着您无法使用CSS HTML选择器来修改该属性。以下是如何做到的：

::-webkit-scrollbar 
{
    width: 2em;
    height: 2em
}

您需要定义其他属性，例如::-webkit-scrollbar-thumb，::-webkit-scrollbar-track-piece和::-webkit-scrollbar-button，但您也可以操纵滚动条的宽度现在

希望有所帮助！