WordPress博客技巧:纯代码如何美化/自定义浏览器侧边滚动栏

搬瓦工机场JMS

WordPress默认的浏览器侧边栏滚动条非常丑陋,本次博主就教大家如何自定义美化侧边栏,非常简单,一句代码的事情就解决了,并且适用于绝大多数主题。

一、美化代码

在 WordPress的 style.css文件或者“外观>自定义>额外CSS”或者在主题设置自定义CSS代码里添加以下代码:

/*---滚动条默认显示样式--*/::-webkit-scrollbar-thumb{   background-color:#018EE8;     height:50px;     outline-offset:-2px;     outline:2px solid #fff;     -webkit-border-radius:4px;     border: 2px solid #fff;   }   /*---滚动条大小-根据自己喜欢更改参数-*/::-webkit-scrollbar{     width:8px;     height:8px;  }  /*---滚动框背景样式--*/  ::-webkit-scrollbar-track-piece{     background-color:#fff;     -webkit-border-radius:0;  }

未经允许不得转载:Just My Socks中文教程网 » WordPress博客技巧:纯代码如何美化/自定义浏览器侧边滚动栏

赞 (0) 打赏
Just My Socks搬瓦工机场JMS

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏