| ポイント |
<![CDATA[
.yellow { background-color:yellow; }
.orange { background-color:orange; }
.green { background-color:green; }
.cyan { background-color:cyan; }
]]>
|
| 説 明 |
セレクトメニューの項目の背景色を指定するには「background-color:色; 」のように指定します。色はカラー名またはカラーコードで指定します。指定したい色の数だけ定義しclassで指定するかoptionタグ内に直接style属性で記述することもできます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>セレクトメニューの選択項目の背景色を指定する</title>
<style type="text/css"><!--
.yellow { background-color:yellow; }
.orange { background-color:orange; }
.green { background-color:green; }
.cyan { background-color:cyan; }
--></style>
</head>
<body>
<form>
<select>
<option class="yellow">項目１</option>
<option class="orange">項目２</option>
<option class="green" >項目３</option>
<option class="cyan" >項目４</option>
</select>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
セレクトメニューの選択項目の背景色を指定する