css滚动条样式

老牧童 • 2024-01-07 11:00 • CSS • 阅读 142

css滚动条样式css滚动条美化1、css::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5;}/*滚动条阴影~圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:

大家好，欢迎来到IT知识分享网。

css 滚动条美化

1、css

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5;
}

/*滚动条 阴影~圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*滑块 阴影~圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);
    background-color: rgb(149, 147, 147);
}

2、例

css滚动条样式

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/34414.html