滚动条美化css

         /*
         滚动条美化
        */
        /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        ::-webkit-scrollbar {
            width: 7px;
            height: 7px;
            background-color: #f7f7f7;
        }

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

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

 

原文链接:https://blog.csdn.net/sumuyun/article/details/122338347

posted @ 2022-04-27 17:06  微风吹过~  阅读(2)  评论(0编辑  收藏  举报