DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 調整CSS的方式給滾動條換色
調整CSS的方式給滾動條換色
編輯:CSS詳解     

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區域如圖:

scrollbar

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved