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;
}
原创文章,作者:陌涛,如若转载,请注明出处:https://imotao.com/3576.html