瀏覽器滾動條設置


1. 谷歌、safari、qq瀏覽器、360瀏覽器滾動條可以設置,火狐不能這樣設置


/*滾動條樣式開始*/
/*谷歌、safari、qq瀏覽器、360瀏覽器滾動條樣式*/
/*定義滾動條高寬及背景,高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar
{
width: 5px;
height: 110px;
background-color: #fcfcfc;
}
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #fcfcfc;
}
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #c7c7c7;
}
/*滑塊效果*/
::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.4);
}
/*滾動條樣式結束*/








免責聲明!

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



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