修改瀏覽器滾動條樣式


 /*IE滾動條顏色設置*/
body {
    scrollbar-arrow-color:#f2f2f3;  /*上下箭頭*/
    scrollbar-track-color:#1589ce;  /*底層背景色*/
    scrollbar-face-color:#27aeff;   /*滾動條前景色*/
    scrollbar-Shadow-color:#1589ce; /*滾動條邊線色*/
}
/*chrome滾動條顏色設置*/
body::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;} /*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
body::-webkit-scrollbar-track {background-color:#ccc; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);} /*定義滾動條軌道 內陰影+圓角*/
body::-webkit-scrollbar-thumb {background-color:#555; border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);} /*定義滑塊 內陰影+圓角*/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM