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

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

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

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

程式碼如下：

.uicss-cn
{
height:580px;overflow-y: scroll;
scrollbar-face-color:#EAEAEA;
scrollbar-shadow-color:#EAEAEA;
scrollbar-highlight-color:#EAEAEA;
scrollbar-3dlight-color:#EAEAEA;
scrollbar-darkshadow-color:#697074;
scrollbar-track-color:#F7F7F7;
scrollbar-arrow-color:#666666;
}

具體樣式對應的scrollbar區域如圖：

#

以上是使用CSS調整scrollbar(捲軸)的配色詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！