ripro主题美化:让浏览器右边实现多色滚动条

作者 : 福利资源 发布时间: 2019-11-28 文章热度:48 共560个字,阅读需2分钟。 本文内容有更新 字体:

看着有的网站打开后,浏览器滚动条很好看。自己特意去拔了一个,

如果是RiPro主题,请在后台顶部设置添加自定义CSS。其他主题在对应的CSS样式添加。

/**====滚动条样式====*/

::-webkit-scrollbar {/*滚动条整体样式*/

  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;

}

::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

  background-color: #12b7f5;

  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);

}

::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: #f6f6f6;

}

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
※ 免责声明 ※
1.部分资源需解压密码,解压密码默认为本站域名 www.flzyw.cn
2.本站所有软件源码仅提供测试学习,下载后请在24小时内删除文件,遇到任何问题请自行百度
3.福利资源网的软件和源码均来自网络收集或网友分享,本站源码和软件如有侵权请告知站长,站长会在24小时内删除处理
4.请用户遵守法律法规,本站源码禁止商用! 使用后果请下载者自负!!!
5.站长QQ:75572217 官方QQ群:865315252
6.文章投稿:点击右上角头像-左侧发布资源(点击跳转)
7.投诉建议E-mail:75572217#qq.com 链接失效? 点击提交 )请附上该链接和名称

福利博客 » ripro主题美化:让浏览器右边实现多色滚动条

发表评论

579+

本站勉强运行

33+

用户总数

231+

资源总数

0+

今日更新

2020-4-2

最后更新时间