WordPress子比主题侧边滚动条样式美化教程星恬16天前发布关注私信0516 共计1111字,阅读大约4分钟。 我更新的动力 - 源自您的关注。 ------正文内容展示,开始汲取新知识啦------ 温馨提示:本文最后更新于2024-05-04 09:58:40,某些文章具有时效性,若有错误或已失效,请在下方留言。前言 WordPress默认的浏览器侧边栏滚动条是非常丑陋的,当然,有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化,有些WordPress主题是没有美化侧边滚动栏的,那么这时就需要我们去美化啦!狐狸站长今天就教大家如何自定义美化侧边滚动栏。其实非常简单,只需一句代码的事情就可以自定义美化WordPress侧边滚动栏,并且代码适用于绝大多数WordPress主题。 演示图 使用方法 只需在主题设置自定义CSS代码里面添加美化的css代码即可! 如果主题没有 自定义代码 那么在WordPress主题目录文件里找style.css文件或者在WordPress后台里找“外观—>自定义—>额外CSS”里面美化的css代码即可! 单色滚动条样式 /*滚动条显示样式*/ ::-webkit-scrollbar-thumb{ background-color:#FF6666; /*更改喜欢的十六进制颜色*/ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*滚动条大小*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*滚动框背景样式*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; } 彩色滚动条样式 此处内容已隐藏,请评论后刷新页面查看. ------本文内容已结束,喜欢请分享------ 感谢您的访问,Ctrl+D收藏本站吧。 五月 20 恬集社的今时往日 吼吼~~~,往年的今天博主不知道跑哪里偷懒去了~~~ © 版权声明 1 如果您喜欢本站, 点击这儿 赞助下本站,感谢支持! 2 可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看 | 广告合作 ; 3 本站内容观点不代表本站立场,并不代表本站赞同其观点和对其真实性负责; 4 本站所有内容均来源于网络,仅供学习与参考,请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负; 5 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请 联系站长 进行删除处理; 6 如若转载,请注明文章出处: THE END子比主题教程之家# 子比# 美化# 滚动# 彩色 喜欢就支持一下吧点赞6赞赏收藏 分享QQ空间微博QQ好友海报分享复制链接打赏