CSS自定义样式

最新推荐文章于 2024-04-25 10:18:15 发布

原创最新推荐文章于 2024-04-25 10:18:15 发布 · 473 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

滚动条

::-webkit-scrollbar

	  //设置滚动条滑轨颜色
      滚动条所在元素::-webkit-scrollbar {
        width: 6px;
        background-color: #f2f2f2;
      }
      //设置滚动条滑块颜色
      滚动条所在元素::-webkit-scrollbar-thumb {
        width: 5px;
        background-color: #9b0909;
      }
      //设置滚动条滑块按住滑动时颜色
      滚动条所在元素::-webkit-scrollbar-thumb:hover {
        width: 5px;
        background-color: red;
      }

::-webkit-scrollbar 仅在基于 Blink 或 WebKit
的浏览器（例如，Chrome、Edge、Opera、Safari、iOS 上所有的浏览器，以及其它基于 WebKit
的浏览器）上可用。滚动条样式的标准方法可用于 scrollbar-color 和 scrollbar-width。