彩色滚动条代码

网站的默认滚动条样式一般都是又宽又丑的样子

图片[1]-彩色滚动条代码-吾爱博客

可以通过css来将滚动条设置为自定义样式

本站同款滚动条代码

::-webkit-scrollbar {width: 8px;height:8px;}
.nicescroll-rails div{border:0 !important;border-radius: 0 !important;}
::-webkit-scrollbar-thumb,.nicescroll-rails div{background-color:rgb(180 182 187) !important;background-image: -webkit-linear-gradient(45deg, #337ab778 25%, #1d98d530 25%, #ffa500 50%, rgba(255, 93, 143, 1) 50%, rgb(243 45 45 / 15%) 75%, rgba(0,0,0,.5) 75%, transparent);}

将自定义CSS样式添加至于</head>之前即可

图片[2]-彩色滚动条代码-吾爱博客
温馨提示: 本文最后更新于2022-04-16,至今已有952天,某些文章具有时效性,若有错误或已失效,请在下方留言
© 版权声明
THE END
喜欢就支持一下吧❀
点赞0投币 分享
评论 抢沙发

    请登录后查看评论内容