样式滚动条问题

【问题标题】：Styling scrollbar issue样式滚动条问题
【发布时间】：2015-03-18 05:50:56
【问题描述】：

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

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

但这只是出于某种原因删除了我的滚动条。这里是fiddle

【问题讨论】：

标签： html css

【解决方案1】：

添加-thumb。

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

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

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

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

希望有帮助！

【讨论】：