怎么改变网页的样式不起作用？

Question

body::-webkit-scrollbar {

/*滚动条整体样式*/      

width: 10px;   

/*高宽分别对应横竖滚动条的尺寸*/      

height: 1px;    

}  

body::-webkit-scrollbar-thumb {

/*滚动条里面小方块*/      

border-radius: 10px;      

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);      

background: #535353;   }  

body::-webkit-scrollbar-track {

/*滚动条里面轨道*/      

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);      

border-radius: 10px;      

background: #EDEDED;    

}

Answer 1

 ::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/

        width: 5px;

        background-color: #CCCCCC;

        -webkit-border-radius: 6px;

    }

    ::-webkit-scrollbar-track-piece {

        background-color: #fff; /*滚动条的背景颜色*/

        -webkit-border-radius: 0; /*滚动条的圆角宽度*/

    }

    ::-webkit-scrollbar {

        width: 8px; /*滚动条的宽度*/

        height: 8px; /*滚动条的高度*/

    }

    ::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/

        height: 50px;

        background-color: #999;

        -webkit-border-radius: 5px;

        outline: 2px solid #fff;

        outline-offset: -2px;

        border: 2px solid #fff;

    }

    ::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/

        height: 50px;

        background-color: #9f9f9f;

        -webkit-border-radius: 5px;

    }