WordPress建站教程,美化/自定义浏览器侧边滚动栏

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; }

推荐站内搜索:多ip站群服务器、网店虚拟主机、美国服务器与日本服务器个人域名备案、韩国服务器推荐、我的ip地址、国内代理服务器ip、虚拟空间、香港主机高防、香港vps主机、