▼お名前:
▼メールアドレス:
▼お好きなジャンル:

 

▼お好きなジャンルのセレクトメニューをクリックしてお確かめください。カラフルなメニューにしてみました。


CSS

option.list1 { background-color: #0099FF; }
option.list2 { background-color: #3333FF; }
option.list3 { background-color: #AAAAFF; }

TAG

<select name="list" id="list">
<option value="01" selected class="list1">インターネット</option>
<option value="02" class="list2">マルチメディア</option>
<option value="03" class="list3">Money</option>
<option value="04" class="list1">学習・スキルアップ</option>
<option value="05" class="list2">趣味</option>
<option value="06" class="list3">出会い</option>
<option value="07" class="list1">ビジネス</option>
</select>


この例ではclass属性を付けたoption要素に背景色を指定してhtmlソースでそれぞれのoption要素にclass属性を付けていきます。