当前位置:首页原创文章B2美化如何更改网页显示的滚动条

如何更改网页显示的滚动条

将下列CSS代码放入WP额外CSS中(WP后台-外观-自定义-额外css)

或将CSS代码放入主题或者子主题的样式文件内部,然后强制刷新即可。

/* 极主题滚动条样式 */
::-webkit-scrollbar {
    background-color: rgb(255 255 255);
    width: 5px;
    height: 5px;

}
::-webkit-scrollbar-thumb {
    background-color: rgb(255 60 86 / 95%);
    border-radius: 0px;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    transition: background 200ms ease;
   /* jitheme.com */
}
pre ::-webkit-scrollbar-thumb {
    background-color: rgb(253 115 1 / 0.5)
}
::-webkit-scrollbar-thumb:hover {
    background-color: #4f3d3a;
}
::-webkit-scrollbar-button {
    display: none;
/* jitheme.com */
}

 

温馨提示:

文章标题:如何更改网页显示的滚动条

文章链接:https://www.jitheme.com/1455.html

更新时间:2024年03月28日

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:service@jitheme.com,我们将第一时间处理!

2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读极(子)主题网络服务协议

给TA打赏
共{{data.count}}人
人已打赏
B2美化

极主题-首页区块N格样式

2022-9-24 23:00:16

B2美化

极主题-文章内页下面添加版权声明代码

2022-9-29 16:04:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
有新私信 私信列表
搜索
  • 老胡对文章测试子主题灯箱幻灯片效果发布评论!
  • 沐颜小栈-MUOOY.CN对文章测试子主题灯箱幻灯片效果发布评论!
  • 小涛开通了年卡会员感谢支持!
  • 柠*💭成功下载了子主题多图幻灯片及灯箱效果演示超好资源!
  • 微科科技对文章把帮助改成文库?发布评论!
  • 老胡发布问答测试问答发布图片是否显示的问题 等您回答!