首頁 > web前端 > css教學 > 使用CSS調整scrollbar(捲軸)的配色詳解

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

黄舟
發布: 2017-07-03 11:12:26
原創
1877 人瀏覽過

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(捲軸)的配色詳解

#

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板