2

重複の可能性:
スクロールバーの色を変更する方法

スクロールバーの要素のデフォルトの色を変更する必要があります。overflow: auto; の div がある場合に表示されるスクロールバーについて言及しています。例えば。

これまでのところ、これらの CSS ルールを試してみましたが、かなり古い方法を表しているかどうかはわかりません。

<style type="text/css">
 body {scrollbar-3dlight-color:;
            scrollbar-arrow-color:;
            scrollbar-track-color: ;
            scrollbar-darkshadow-color:;
            scrollbar-face-color:;
            scrollbar-highlight-color:;
            scrollbar-shadow-color:}
</style>

正しい方向へのプッシュは大歓迎です!

4

2 に答える 2

0

クロスブラウザソリューションの場合、残念ながらJavaScriptを使用して独自のスクロールバーを作成する必要があります。これにより、スクロールバーとその各コンポーネントのスタイルを自由に設定できます。これは利点です。ご覧になりたい場合に備えて、私が作成した小さなデモサンプルを次に示します。小さなリンク

お役に立てば幸いです。

于 2012-08-31T12:26:58.960 に答える
0

私の知る限り、これは W3C で有効な CSS ではありません。一部のブラウザ、つまり IE でのみ動作しますか? これはJSfiddle デモです。CSS プロパティは、body ではなく div に対するものであることに注意してください。

CSS

div.scroll {
    scrollbar-base-color: red;
    scrollbar-face-color: red;
    scrollbar-track-color: red;
    scrollbar-3dlight-color: red;
    scrollbar-highlight-color: red;
    scrollbar-arrow-color: red;
    scrollbar-darkshadow-color: red;
    scrollbar-shadow-color: red;
}​

HTML

<div class="scroll">
content content content
content content content
content content content
</div>​
于 2012-08-31T12:13:31.070 に答える