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);
}
/*滾動條樣式結束*/