用CSS調整scrollbar(捲軸)的配色

轉： http://uicss.cn/css-scrollbar/

 

PSD轉html， 設計稿上，有一處內嵌的介紹資訊，當文字過長時，要求使用一個經過處理的捲軸來展示。

如果要求相容firefox，可以使用JQ來進行製作。

如果僅要求IE瀏覽器，可以通過調整CSS的方式，來給捲軸換色。

代碼如下：

1. .uicss-cn
2. {
3. height:580px;overflow-y:scroll;
4. scrollbar-face-color:#EAEAEA;
5. scrollbar-shadow-color:#EAEAEA;
6. scrollbar-highlight-color:#EAEAEA;
7. scrollbar-3dlight-color:#EAEAEA;
8. scrollbar-darkshadow-color:#697074;
9. scrollbar-track-color:#F7F7F7;
10. scrollbar-arrow-color:#666666;
11. }

具體樣式對應的scrollbar地區