初夏千秋-初夏酱 初夏千秋-初夏酱

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

in 教程,代码 read (957) 68汉字 站长初夏酱 文章转载请注明来源!

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

直接把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;
}

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://www.61cx.cn/to-add-a-multi-color-scroll-bar-to-the-page.html (转载时请注明本文出处及文章链接)

滚动条
发表新评论
PREVIOUS NEXT
雷姆
拉姆