vue全局修改设置滚动条样式

原创已于 2024-01-19 15:24:43 修改 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #less #scss #sass #html5

于 2021-08-09 09:03:28 首次发布

学习篇专栏收录该内容

36 篇文章

订阅专栏

博客介绍了在Vue中全局修改设置滚动条样式的示例，涉及前端开发相关内容。

vue全局修改设置滚动条样式，示例：

::-webkit-scrollbar{ /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
    border-radius: 10px;
    background: #cfcbcb;
}
::-webkit-scrollbar-track{ /*滚动条里面轨道*/
    border-radius: 10px;
    background: #ededed;
}