头像

初夏酱

欢迎访问我的博客!

《[教程]为页面添加多色彩滚动条》

 2年前  •   教程  •     •   45  •   0

来自 月宅酱
分享给大家,让大家拥完全自定义的滚动条。

直接把CSS加进自己CSS文件内就完事

    /*—滚动条默认显示样式–*/
::-webkit-scrollbar-thumb{
background-color:#018EE8;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}

/*—鼠标点击滚动条显示样式–*/
::-webkit-scrollbar-thumb:hover{
background-color:#FB4446;
height:50px;
-webkit-border-radius:4px;
}

/*—滚动条大小–*/
::-webkit-scrollbar{
width:8px;
height:18px;
}

/*—滚动框背景样式–*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}

版权声明

本文基于《CC BY-NC-SA 4.0》许可协议授权
如未注明,均为原创
如需转载请注明出处
本文链接:https://www.poploli.com/16.html

上一篇:
下一篇:

 评论


 已有0条评论

    还没有任何评论,你来说两句吧!