vue 修改滚动条样式
2021-02-01 本文已影响0人
少年_小王子
*{
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;
}
