スクロールバーの色づけ

CSS

CSSのscrollbar関連プロパティでページのスクロールバーに色をつける。


  • scrollbar-face-color → 表面の色
  • scrollbar-arrow-color → 矢印の色
  • scrollbar-highlight-color → ハイライトの色
  • scrollbar-shadow-color → 影の色
  • scrollbar-base-color → ベースの色
  • scrollbar-3dlight-color → 左端と上端
  • scrollbar-darkshadow-color → 右端と下端の色

ソース

<style type="text/css">

<!--

body {

 scrollbar-face-color: #FF0000; /* 表面の色 */

 scrollbar-arrow-color: #FFFFCC; /* 矢印の色 */

 scrollbar-highlight-color: #FFFFFF; /* ハイライトの色 */

 scrollbar-shadow-color: #000000; /* 影の色 */

 scrollbar-base-color: #EEEEEE; /* ベースの色 */

 scrollbar-3dlight-color: #0000FF; /* 左端と上端 */

 scrollbar-darkshadow-color: #FFFF00; /* 右端と下端の色 */

}



    

  • 

      

    • >
      • 

    • 

</style>

インラインフレーム（<iframe>）には適用されないので、呼び出すページに個別に設定する必要がある