サイト内検索

...スタイルシート(css)...

スタイルシート・フォーム

背景色

背景色は、フォーム(form要素)の input要素・textarea要素・select要素に
background-colorプロパティ指定します。
セレクトボックスの背景色を個別に指定するには、
option要素を個別に指定します。
[使い方]
select{
background-color: #888888;
}
[メモ]
input要素については、こちらをご覧ください。
textarea要素については、こちらをご覧ください。
select要素については、こちらをご覧ください。
プロパティ名 説明
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="送信する" />

[ブラウザ上]

select

←サンプル(送信できません。)

textarea

←サンプル(送信できません。)


Copyright c 2007.10.01 luc All rights reserved.