WordPress网站建设教程，美化/自定义浏览器侧滚动条

wordpress 默认浏览器侧边栏滚动条非常丑陋,汇站网教大家如何定制美化侧边栏,很简单,代码解决,适用于大部分的主题。
一、美化代码
在 WordPress 的风格。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 网站建设教程，美化/自定义浏览器侧滚动条