html - 如何在ul中为滚动条添加样式

Question

我有某些图像放置在 ul 标签中的 div 中。我得到超过 3 张图像的滚动条。我可以将样式应用于滚动条的任何机会。

Answer 1

您可以设置 webkit 浏览器的滚动条样式

css：适用于 Chrome 和 safari

  ::-webkit-scrollbar {
      width: 15px;
}

::-webkit-scrollbar-track {
      background-color: #b46868;
} 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
} 
::-webkit-scrollbar-button {
      background-color: #7c2929;
} 
::-webkit-scrollbar-corner {
      background-color: black;
} 

造型 Internet Explorer 有点不同：

body {
    scrollbar-face-color: #b46868;
}

标记这些不适用于非 webkit 浏览器。ex firefox 所以，对于非 webkit 浏览器，您需要使用 jquery 插件。

如需更多帮助，请参阅此站点 http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-styling-scrollbars-to-match-your-ui-design/