欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

设置滚动条样式

程序员文章站 2022-07-03 20:50:54
...

直接上代码吧  简单易懂。

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:4px;
    background-color: #7fbe26;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius:10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    width:5px;
    border-radius:10px;
    background:#094;
}

直接粘贴到css中即可使用。

相关标签: 滚动条样式