html滚动条样式
文章描述：
浏览器默认的滚动条样式不是特别好看，我们如何用css自定义滚动条样式？
效果一
@media (-webkit-max-device-pixel-ratio: 1){
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
}
@media (-webkit-max-device-pixel-ratio: 1){
::-webkit-scrollbar-thumb {
background-color: #c2c2c2;
background-clip: padding-box;
min-height: 28px;
}
}
@media (-webkit-max-device-pixel-ratio: 1){
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
}
效果二
::-webkit-scrollbar-track {background:rgb(238, 238, 238);}
::-webkit-scrollbar-thumb {background:rgb(68, 142, 246);border-radius:4px;}
::-webkit-scrollbar {width:8px;height:8px;}
发布时间：2022/11/07
发表评论