如何在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;
} 

造型互联网资源管理器有点不同：

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

标记这些不适用于非webkit浏览器。前火狐 因此，对于非webkit浏览器，您需要使用jquery插件。

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