浏览器滚动条样式设置

最新推荐文章于 2024-10-29 19:01:18 发布

迷茫人生真的

最新推荐文章于 2024-10-29 19:01:18 发布

阅读量271

点赞数

分类专栏： css 文章标签： html5 html css

本文链接：https://blog.csdn.net/wenfu814/article/details/120664414

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

浏览器滚动条样式设置

 /* 设置滚动条的样式 */
        ::-webkit-scrollbar {
            width: 6px;
        }
        /* 外层轨道 */
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: rgba(255, 0, 0, 0.5);
            background: rgba(0, 0, 0, 0.1);
        }
        /* 滚动条滑块 */
        ::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background: rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: rgba(0, 0, 0, 0.5);
        }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(0, 0, 0, 0.2);
        }