WordPress建站教程,美化/自定義瀏覽器側邊滾動(dòng)欄

wordpress默認的瀏覽器側邊欄滾動(dòng)條非常丑陋，本次博主就教大家如何自定義美化側邊欄，非常簡(jiǎn)單，一句代碼的事情就解決了，并且適用于絕大多數主題。

一、美化代碼

在 WordPress的 style.css文件或者“外觀(guān)>自定義>額外CSS”或者在主題設置自定義CSS代碼里添加以下代碼：

/*---滾動(dòng)條默認顯示樣式--*/  
::-webkit-scrollbar-thumb{
   background-color:#018EE8;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
/*---滾動(dòng)條大小-根據自己喜歡更改參數-*/ 
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
/*---滾動(dòng)框背景樣式--*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}