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

來源:互聯網
上載者:User
設計稿上,有一處內嵌的介紹資訊,當文字過長時,要求使用一個經過處理的捲軸來展示。

如果僅要求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地區

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.