読者です 読者をやめる 読者になる 読者になる

スクロールバーのCSSでのデザイン変更まとめ

はてなブログの、サイドバーのみに反映されるCSSです。

ChromeIEでの設定だけわかったので、前回のを纏めます。
Firefoxでの設定方法が、全然分かりませんでした・・・。
それっぽいサイトを見つけてコピペしたけど、無反応・・・。

/*サイドバーのスクロールバー設定(Chromeのみ)*/
#box2-inner ::-webkit-scrollbar-track{
background: none;            /* スクロールバーの背景色 */
}
#box2-inner ::-webkit-scrollbar{
width: 13px;            /* スクロールバーの幅と高さ */
height: 10px;
}
#box2-inner ::-webkit-scrollbar-thumb{
background: #fafbfb;            /* スクロールバーの色 */
border-radius: 10px;            /* スクロールバーの角を丸くする*/
}
/*サイドバーのスクロールバー設定(IE専用で色指定しかできない)*/
#box2-inner {
scrollbar-arrow-color:#dce0e0;        /* 矢印 */
scrollbar-face-color:#fafbfb;         /* スクロールバー表面 */
scrollbar-3dlight-color:#dce0e0;      /* ボタン外側の左と上の枠 */
scrollbar-darkshadow-color:#dce0e0;   /* ボタン外側の右と下の枠 */
scrollbar-highlight-color:#dce0e0;     /* ボタン内側の左と上の枠 */
scrollbar-shadow-color:#dce0e0;     /* ボタン内側の右と下の枠 */
scrollbar-track-color:#7f8c8d;      /* バーのない背景の部分 */
}

広告を非表示にする

※ここにある物の著作権は、「うっちょん」または「マナ」にあります。 無断転載等は禁止しています。
© 2002 ucchon    © 2014 mana