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

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

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

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

极主题 Jitheme.com
复制代码
  1. /* 极主题滚动条样式 */
  2. ::-webkit-scrollbar {
  3. background-color: rgb(255 255 255);
  4. width: 5px;
  5. height: 5px;
  6. }
  7. ::-webkit-scrollbar-thumb {
  8. background-color: rgb(255 60 86 / 95%);
  9. border-radius: 0px;
  10. -webkit-transition: background 200ms ease;
  11. -moz-transition: background 200ms ease;
  12. transition: background 200ms ease;
  13. /* jitheme.com */
  14. }
  15. pre ::-webkit-scrollbar-thumb {
  16. background-color: rgb(253 115 1 / 0.5)
  17. }
  18. ::-webkit-scrollbar-thumb:hover {
  19. background-color: #4f3d3a;
  20. }
  21. ::-webkit-scrollbar-button {
  22. display: none;
  23. /* jitheme.com */
  24. }

 

声明:本文由老胡发布,本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
B2美化

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

2022-9-24 23:00:16

B2美化

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

2022-9-29 16:04:16

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
购物车
优惠劵
私信列表
搜索