サイト内検索
...スタイルシート(css)...
スタイルシート・フォーム
背景色
- 背景色は、フォーム(form要素)の input要素・textarea要素・select要素に
- background-colorプロパティ指定します。
- セレクトボックスの背景色を個別に指定するには、
- option要素を個別に指定します。
- [使い方]
- select{
background-color: #888888;
}
プロパティ名 | 値 | 説明 |
---|---|---|
background-color | ; |
16進数RGB値(例・・#fff000)
または カラーネーム(例・・red)を指定します。 |
transparent; | 初期値
「透明」を指定したことになります。 |
サンプル
[headの中]
<style type="text/css"><!--
.sample-color{
background-color: #9999dd;
}
-->
</style>
[bodyの中]
<form method="post" action="sample.cgi">select
<select name="sample" size="2">
<option value="サンプル-1">サンプル-1</option>
<option value="サンプル-2" class="sample-color">サンプル-2</option>
<option value="サンプル-3">サンプル-3</option>
</select>
<input type="submit" class="sample-color" value="送信する" />
textarea
<textarea cols="20" rows="2"></textarea>
<input type="submit" value="送信する" />
[ブラウザ上]