こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

スクロールバーのデザイン変える方法を教えてくだい

現在HP制作中なのですが、スクロールオーバーの色、形などを変更したくて、色々と検索したところ、この様な記述が多かったので、
html, body {
scrollbar-3dlight-color: #ffcccc;
scrollbar-arrow-color: black;
scrollbar-darkshadow-color: black;
scrollbar-face-color: #ffcccc;
scrollbar-highlight-color: #997a7a;
scrollbar-shadow-color: white;
}
実行してみたのですが、全然変わりませんでした。。。

一応、この様に書いてみてスクロールバー自体は表示されたのですが。。。
デザイン変更できません、、、

.scroll_pane {
height: 376px;
width: 226px;
overflow: auto;
font-size: 14px;
color: #FFF;
}


いくつか試してみたのですが、全然できませんでした。。。泣
色、形など変えたいです。
どなたか、ご存知の方、是非教えてください。。。

どうぞよろしくお願い致します。

使用OSはMAC OS XでDream WeaverCS4を使用しています。。。

投稿日時 - 2011-04-01 23:17:54

QNo.6637756

すぐに回答ほしいです

質問者が選んだベストアンサー

>scrollbar~
使ってるブラウザがIEかOperaじゃないと効果が現れませんので、あんまり意味が無いと思いますが…。それにスクロールバーやボタン等といった、システム回りの部品のデザインを独自にカスタマイズするのは、あまり好ましい事とは言えません(信号機の色が隣町に行ったら変わるみたいで迷惑極まり無い)。

パッと見、CSSの記述自体には特に間違いは無い様に見受けます。使ってるブラウザは何ですか?Macと言う事は、Defaultならsafariと言う事になるかと思いますが。その場合は前述の通り、そもそも「scrollbar~」系のCSSは一切無視されますので。見たため上の変化は何も起きません。

投稿日時 - 2011-04-02 00:17:10

補足

4017Bさん


ご回答ありがとうございました。

ブラウザはsafariになります。


safariでもスクロールがデザインされてるページをお見かけするのですが。。。
例)http://www.umpresse.jp/(News)部分

こういったのはどうすれば可能になるのでしょうか。。。


すみません、よろしくお願いします。

投稿日時 - 2011-04-02 11:45:10

ANo.1

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問