css修改滚动条的默认样式

阅读 107

2022-04-27

滚动条的默认样式是比较丑的,一般我们会重新设置下。


        /*滚动条样式*/
        body::-webkit-scrollbar {undefined
            width: 4px;    
            /*height: 4px;*/
        }
        body::-webkit-scrollbar-thumb {undefined
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        body::-webkit-scrollbar-track {undefined
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);

        }

精彩评论(0)

0 0 举报