CSS 自定义滚动条

微微一笑绝绝子

已于 2022-07-20 11:56:45 修改

阅读量949

点赞数 1

文章标签： css css3 前端 html html5

于 2022-07-13 10:41:00 首次发布

本文链接：https://blog.csdn.net/wwyxjjz/article/details/125845255

版权

效果图如下：

代码如下：

(颜色可自行调节)

    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #f5f5f5;
      }

      /*定义滚动条轨道 内阴影+圆角*/
      ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #f5f5f5;
      }

      /*定义滑块 内阴影+圆角*/
      ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #dcf1dc;
      }

作者：微微一笑绝绝子

出处：https://www.cnblogs.com/wwyxjjz/p/16473009.html

本博客文章均为作者原创，转载请注明作者和原文链接。