サイト内検索
...スタイルシート(css)...
スタイルシート・フォーム
スクロールバー
- スクロールバーは、フォーム（form要素）のtextarea要素に
- scrollbar--colorプロパティを指定します。
- [使い方]
- textarea{
scrollbar-highlight-color: #999999;
}
- [メモ]
- textarea要素については、こちらをご覧ください。
- ＩＥのみに対応しています。
- base-color・face-color・track-color・arrow-color
highlight-color・shadow-color・3dlight-color・darkshadow-colorは、 - W3C・CSS検証サービスでは、推奨されていません。
| プロパティ名 | 値 | 説明 |
|---|---|---|
| scrollbar--color： | ; | カラーコード（例・・#fff000）を指定します。 |
| プロパティ名 | 説明 | |
|---|---|---|
| scrollbar- | base-color: | 全体の色をまとめて指定します。 |
| face-color: | ボタン部分を指定します。 | |
| track-color: | レール部分を指定します。 | |
| arrow-color: | 矢印を指定します。 | |
| highlight-color: | 内側のハイライトを指定します。 | |
| shadow-color: | 内側の影を指定します。 | |
| 3dlight-color: | 外側のハイライトを指定します。 | |
| darkshadow-color: | 外側の影を指定します。 | |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
textarea{
width: 250px;
height: 100px;
overflow: auto;
background-color: #ffffff;
border: 1px #999999 solid;
scrollbar-base-color: #9999dd;
scrollbar-arrow-color: #ffa500;
color: #000000;
}
-->
</style>
[ｂｏｄｙの中]
<form method="get" action="sample.html">textarea
<textarea cols="20" rows="2">
サンプル-1
サンプル-2
サンプル-3
サンプル-4 </textarea>
<input type="submit" value="送信する" />
[ブラウザ上]