vue less CSS滚动条样式修改美化变细

最新推荐文章于 2024-04-18 20:05:02 发布

黄钟飞

最新推荐文章于 2024-04-18 20:05:02 发布

阅读量2.1k

点赞数 4

文章标签： css less vue.js

本文链接：https://blog.csdn.net/qq_41387882/article/details/122943343

版权

滚动条样式

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    //background-color: #8c8c8c;
    background-color: rgba(0, 0, 0, 0.25);
}

::-webkit-scrollbar-track {
    background-color: #f6f6f6;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
    border: 0;
}