很简单加入美化css代码放入主题样式文件内即可。美化css代码放入主题样式文件内即可。
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
background-color:#03a9f4;
height:50px;
outline-offset:-2px;
outline:2px solid #cddc39;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
background-color:#00bcd4;
height:50px;
-webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
width:15px;
height:10px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}
代码适用于柒比贰seven主题、B2主题、日主题RiPro主题,其他主题滚动条美化原理相同,请自行测试。
© 版权声明
THE END
喜欢就支持一下吧
请登录后发表评论
注册
社交帐号登录