CSSを使用して、スクロールバーを変更します
1。コンテンツオーバーフローオーバーフローの設定
Overflow-X水平コンテンツオーバーフローの設定
オーバーフローの垂直コンテンツオーバーフローの場合の設定
上記の3つの属性によって設定された値は、表示(デフォルト)、スクロール、非表示、および自動化されます。
2。Scrollbar-3d-light-color 3次元の巻物棒の明るい縁
ボタンの上にある三角形の矢印のスクロールバー矢印色の色
スクロールバーベースカラースクロールバーの基本色
Scrollbar-Dark-Shadow-Color 3次元の巻物の強い影の色
3次元の巻物棒の凸部分の巻物棒の顔の色
Scrollbarの空白部分のScrollbar-Highlight-Color色
ステレオスコピックスクロールバーシャドウのスクロールバーシャドウカラーの色
上記の7つの属性によって設定された値はカラー値であり、スタイルシートで定義されたさまざまな式を使用できます。
上記のスタイルの定義コンテンツを使用して、スクロールバーが表示されているかどうか、ブラウザウィンドウとマルチラインのテキストボックスのカラースタイルを指定できます。スタイル属性の最初のセットは、スクロールバーが表示されるかどうかを設定するために使用されます。 2番目のスタイル属性セットは、スクロールバーの色を設定するために使用されます。この記事に含まれるスタイルの属性は、IEによってのみサポートされます。スタイル属性の2番目のセットは、IEバージョン5.5でのみサポートできますので、デバッグ時に注意してください。
いくつかの例を使用して、上記のスタイルのプロパティについて説明します。
1. [ブラウザ]ウィンドウを作成しないでください
水平スクロールバーはありません
<ボディスタイル= Overflow-X:Hidden>
垂直スクロールバーはありません
<ボディスタイル= Overflow-y:hidden>
スクロールバーはありません
<ボディスタイル= Overflow-X:Hidden; Overflow-y:hidden>または<body style = overflow:hidden>
2.マルチラインテキストボックスのスクロールバーを設定します
水平スクロールバーはありません
コードをコピーします