网站添加侧边彩色滚动条 - 安忆小屋-子比主题美化教程社区论坛-推荐-安忆小屋

网站添加侧边彩色滚动条

使用方法

一般主题都会自带 自定义代码 这样主题设置的,只需在主题设置自定义 CSS 代码里面添加美化的 css 代码就即可美化啦!
如果主题没有 自定义代码 那么在 WordPress 主题目录文件里找 style.css 文件或者在 WordPress 后台里找“外观—>自定义—>额外 CSS”里面美化的 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;
}
/**彩色滚动条样式结束*/

效果图

20240522191055230-663915f8655ea

 

温馨提示:本文最后更新于2024-05-22 22:43:38,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

    没有回复内容

供学习和研究使用,请在下载后24小时内删除
购买前可以联系作者确认资源信息,防止交易矛盾
本页生成数据库 31 次查询,耗时 0.602 秒,使用 13.12MB 内存