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

主机教程评论167字数 942阅读3分8秒阅读模式
wordpress默认的浏览器侧边栏滚动条非常丑陋,本次博主就教大家如何自定义美化侧边栏,非常简单,一句代码的事情就解决了,并且适用于绝大多数主题。

一、美化代码

WordPress的 style.css文件或者“外观>自定义>额外CSS”或者在主题设置自定义CSS代码里添加以下代码:文章源自国外主机测评-https://www.zjcp.org/14532.html

/*---滚动条默认显示样式--*/  
::-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默认的浏览器侧边栏滚动条非常丑陋,本次博主就教大家如何自定义美化侧边栏,非常简单,一句代码的事情就解决了,并且适用于绝大多数主题。文章源自国外主机测评-https://www.zjcp.org/14532.html

一、美化代码

WordPress的 style.css文件或者“外观>自定义>额外CSS”或者在主题设置自定义CSS代码里添加以下代码:文章源自国外主机测评-https://www.zjcp.org/14532.html

/*---滚动条默认显示样式--*/  
::-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://www.zjcp.org/14532.html文章源自国外主机测评-https://www.zjcp.org/14532.html
 
  • 本文由 主机测评 发表于 2021年9月14日00:00:00
  • 转载请务必保留本文链接:https://www.zjcp.org/14532.html

发表评论