返回列表 发布新帖
查看: 2086|回复: 0

[子比美化] 网站添加侧边彩色滚动条

灌水成绩
536
55
1317
主题
回帖
积分

等级头衔
U I D : 1
用户组 : 管理员

积分成就
威望 : 1 点
糖 : 544 个
贡献 : 20178 点
在线时间 : 184 小时
注册时间 : 2025-1-1
最后登录 : 2025-4-17

荣誉勋章

活跃会员热心会员灌水之王博客真神优秀版主荣誉会员论坛元老优秀作者帅哥认证管理员挂机之王管理团队勋章

发表于 2025-3-3 23:15:47 | 查看全部 |阅读模式
使用方法
一般主题都会自带 自定义代码 这样主题设置的,只需在主题设置自定义 CSS 代码里面添加美化的 css 代码就即可美化啦!
如果主题没有 自定义代码 那么在 WordPress 主题目录文件里找 style.css 文件或者在 WordPress 后台里找“外观—>自定义—>额外 CSS”里面美化的 css 代码就即可美!
彩色滚动条代码 CSS:
  1. /**彩色滚动条样式开始*/
  2. /*by:老会博客 - lhbk.cn*/
  3. ::-webkit-scrollbar {
  4.   width: 10px;  
  5.   height: 1px;
  6. }
  7. ::-webkit-scrollbar-thumb {
  8.   background-color: #12b7f5;
  9.   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);
  10. }
  11. ::-webkit-scrollbar-track {
  12.     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  13.     background: #f6f6f6;
  14. }
  15. /*by:老会博客 - lhbk.cn*/
  16. /**彩色滚动条样式结束*/
复制代码



老会博客欢迎您
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

10231020@qq.com

老会博客(www.lhbk.cn)专注网络技术分享,
主要分享技术教程程序源码,网络技术,PSD源码,
模板插件,活动分享,各类教程,绿色软件,QQ资源,
致力创造一个高质量分享平台
  • 添加微信客服
  • 加入官方QQ群
Copyright © 2001-2025 老会博客 版权所有 All Rights Reserved.
关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表