阿离

发表文章数:154

阿离API调用

邪恶动图、二次元、唯美酷图、渣男语录、舔狗日记等API

立即前往
首页 » 文章分类 » 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;  
}

 


 

未经允许不得转载作者:阿离, 转载或复制请以 超链接形式 并注明出处 阿离博客
原文地址:《WordPress程序自定义浏览器侧边滚动栏》 发布于2020-06-17

赞(32) 打赏 生成海报

评论 抢沙发

评论前必须登录!

  注册



长按图片转发给朋友

觉得文章Nice就打赏一下文章作者吧

支付宝扫一扫打赏

微信扫一扫打赏

各大VIP视频解析
短视频去水印,VIP视频解析下载,MD5伪版权,B站封面截取
切换注册

登录

忘记密码 ?

切换登录

注册