關於scrollbar-face-color只支持ie的解決辦法！

關於scrollbar-face-color只支持ie的解決方法！！
今天突然有人問我滾動條css自定義的方法，我發現用scrollbar-base-color這種方法只有ie支持，查了半天資料總結如下！！！

IE瀏覽器中自定義滾動條樣式：
HTML {   
scrollbar-base-color: #C0C0C0;   
scrollbar-base-color: #C0C0C0;   
scrollbar-3dlight-color: #C0C0C0;   
scrollbar-highlight-color: #C0C0C0;   
scrollbar-track-color: #EBEBEB;   
scrollbar-arrow-color: black;   
scrollbar-shadow-color: #C0C0C0;   
scrollbar-dark-shadow-color: #C0C0C0;   
}  
解釋：
介紹一下涉及瀏覽器滾動條的樣式表內容（某些樣式需ie5.5+才能支持）：
1．overflow內容溢出時的設置（設定被設定對象是否顯示滾動條）
overflow-x水平方向內容溢出時的設置
overflow-y垂直方向內容溢出時的設置
以上三個屬性設置的值為visible(默認值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設置滾動條的顏色）
scrollbar-arrow-color上下按鈕上三角箭頭的顏色
scrollbar-base-color滾動條的基本顏色
scrollbar-dark-shadow-color立體滾動條強陰影的顏色
scrollbar-face-color立體滾動條凸出部分的顏色
scrollbar-highlight-color滾動條空白部分的顏色
scrollbar-shadow-color立體滾動條陰影的顏色

CHROME瀏覽器中自定義滾動條樣式：
::-webkit-scrollbar { width: 3px; height: 3px;}   
::-webkit-scrollbar-track-piece { }   
::-webkit-scrollbar-thumb{height: 50px; -webkit-border-radius: 3px;}  
解釋：
::-webkit-scrollbar 滾動條寬跟高
::-webkit-scrollbar-track-piece 滾動條樣式底部內層樣式
::-webkit-scrollbar-thumb 滾動條滑塊樣式
-webkit-border-radius: 滾動條滑塊邊角–導圓角

FireFox下自定義滾動條：(或許有些問題，參考)
@-moz-document url-prefix(http://),url-prefix(https://) {   
/* 滾動條顏色 */  
scrollbar {   
   -moz-appearance: none !important;   
   background: rgb(0,255,0) !important;   
}   
/* 滾動條按鈕顏色 */  
thumb,scrollbarbutton {   
   -moz-appearance: none !important;   
      
}   
/* 鼠標懸停時按鈕顏色 */  
  
thumb:hover,scrollbarbutton:hover {   
   -moz-appearance: none !important;   
      
}   
/* 隱藏上下箭頭 */  
scrollbarbutton {   
   display: none !important;   
}   
/* 縱向滾動條寬度 */  
scrollbar[orient="vertical"] {   
  min-width: 15px !important;   
}   
}  
FF下用JS實現自定義滾動條：

JS
<script type=“text/javascript” src=“JQUERY-1.1.3.1.js”$amp;>amp;$lt;/script$amp;>amp;$nbsp;   
<script type=“text/javascript” src=“jquery.linscroll.js“$amp;>amp;$lt;/script$amp;>amp;$nbsp;   
<script type=“text/javascript”$amp;>amp;$nbsp;   
$(document).ready(    
function(){    
$(’#scrollContent’).setScroll( //scrollContent為滾動層的ID 
{img:scroll_bk.gif’,width:10},//背景圖及其寬度    
{img:scroll_arrow_up.gif’,height:3},//up image    
{img:scroll_arrow_down.gif’,height:3},//down image    
{img:scroll_bar.gif’,height:25}//bar image    
);});      
</script$amp;>amp;$nbsp; 
HTML
<div id=“scrollContent” style=“width:140px;overflow:hidden;height:170px;”>內容</div$amp;>amp;$nbsp;