## 自定義IE瀏覽器滾動條樣式 追溯瀏覽器對滾動條的自定義，恐怕最早的就是IE瀏覽器了（好像最開始支持的版本是IE5.5）。下面列出了多個版本的支持性況： | 滾動條樣式 | 支持情況 | 支持瀏覽器版本 | 可否繼承 | 描述 | | --- | --- | --- | --- | --- | | scrollbar-3dlight-color | IE特有屬性 | IE5.5+ | y | 設置滾動框的和滾動條箭頭左上邊緣的顏色 | | scrollbar-highlight-color | IE特有屬性 | IE5.5+ | y | 設置滾動框的和滾動條箭頭左上邊緣的顏色 | | scrollbar-face-color | IE特有屬性 | IE5.5+ | y | 設置滾動框和滾動條箭頭的顏色 | | scrollbar-arrow-color | IE特有屬性 | IE5.5+ | y | 設置滾動條箭頭的顏色 | | scrollbar-shadow-color | IE特有屬性 | IE5.5+ | y | 設置滾動框的和滾動條箭頭右下邊緣的顏色 | | scrollbar-dark-shadow-color | IE特有屬性 | IE5.5+ | y | 設置滾動條槽的顏色 | | scrollbar-base-color | IE特有屬性 | IE5.5+ | y | 設置滾動條主要構成部分的顏色 | | scrollbar-track-color | IE特有屬性 | IE5.5+ | y | 設置滾動條軌跡組成部分的顏色 | 為了有助于理解IE中滾動條樣式的控制，你可以查看如下的圖片： 經過不斷的測試發現，在Win8 下面，有一部分樣式都起著相同的作用。估計是因為在Win8中扁平化的界面設計而重新定議了系統中滾動條！以下是Win 8下面的滾動條樣式，并寫出了和CSS支持的情況： 以上所寫的幾個四個CSS屬性，足以控制Win 8系統下，IE瀏覽器的滾動條樣式了。但經過測試，發現，其它的四個屬性仍然支持（主要是在以上幾個屬性空缺時，就會體現其作用）。具體如下： 1. 關 于scrollbar-track-color，scrollbar-face-color與scrollbar-base-color。直接看英語單 詞，你就也許能明白scroll-base-color是一個備用顏色，只要前兩者未設置時，它就開始起作用了。但是你得注意，當scrollbar- base-color用來作scrollbar-track-color功能來用時，你會發現，實際顏色與設定的顏色要淡一點。不信你可以這樣試試：只設 置一下scrollbar-base-color看看滾動條的效果。 2. 關于scrollbar-dark-shadow-color屬性，通過測試發現Win 8下IE10，IE11滾動條并沒有改變。可能是win 8的滾動條重新定義了，導致沒有了隱影了吧！（僅個人猜想） 3. 通過觀察我們發現，Win 8下的滾動條中，上箭頭和下箭頭后面的背景顏色都已經從scroll-face-color中脫離出來了，從屬于scroll-track-color屬性控制。