WordPress 主题美化 - 添加彩色滚动条-追梦人

温馨提示：本文最后更新于2025-08-04 22:00:31，某些文章具有时效性，若有错误或已失效，请在下方留言！

AI智能摘要

通过在WordPress主题的自定义CSS或CSS文件中添加特定代码，可实现彩色滚动条效果。代码定义了滚动条的宽度、高度、颜色及渐变背景，同时设置滑块和轨道样式，提升网站视觉体验。该方法适用于支持Webkit内核的浏览器。

— 此摘要由AI分析文章内容生成，仅供参考。

在主题设置中找到自定义CSS样式写入下面代码，或将代码添加到主题的CSS文件

/**彩色滚动条*/
::-webkit-scrollbar {
    width: 8px;  
    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;
}

本站资源均为网友推荐收集整理而来，请勿商业运营，仅供学习和研究，请在下载后24小时内删除！！

本站资源大多来自网络，如有侵犯你的权益请联系管理员E-mail:dream@dreamren.cn 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用，未经原版权作者许可,禁止用于任何商业途径！请在下载24小时内删除！

如果遇到付费才可观看的文章，建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。