Css修改浏览器滚动条

转载 2020-04-15 10:20 Java 29

修改方法,把下面的css丢到你的全局Css文件中即可

css 复制代码
::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
    /*height: 5px;*/
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background-color: #c1c1c1; /*在此修改滚动条的颜色*/
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #fff;
}
点赞
收藏
关注
转发
本文作者: Veddy
版权声明: 本博客所有文章除特别声明外,均采用 CC BY 4.0 CN协议进行许可。转载请署名作者且注明文章出处。
文章目录