vue 修改滚动条样式

*{

margin:0px;

padding: 0px;

list-style:none;

}

div{

width: 100px;

height: 100px;

border: 1px solid red;

overflow: auto;

}

p{

height: 200px;

border: 1px solid #000;

}

/*修改滚动条样式*/

/*滚动条整体样式*/

      div::-webkit-scrollbar {

      /*宽度对应滚动条的尺寸 如果需要隐藏滚动条设置width：0px或者此处display:none */

            width: 4px;   

            /*display: none;*/

        }

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

      div::-webkit-scrollbar-thumb {

            border-radius: 5px;

            background: red;

        }

        /*滚动条里面轨道*/

        div::-webkit-scrollbar-track {

            border-radius: 0;

            background: lime;

        }