ドロップダウンメニューの色をかえる
表示の例
ドロップダウンメニューの色をかえることができます。
このドロップダウンメニューのソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<FORM method="post">
<SELECT name="link">
<OPTION style="background-color:#FFFFFF; color:#3366FF" selected value="-">     ★ メニュー ★</OPTION> 
<OPTION style="background-color:#FFFFFF; color:#3366FF" value="-">------------------------</OPTION> 
<OPTION style="background-color:#3366FF; color:#FFFFFF" value="test1.html">テストページ1へ</OPTION>
<OPTION style="background-color:#FFFFFF; color:#3366FF" value="test2.html">テストページ2へ</OPTION>
<OPTION style="background-color:#3366FF; color:#FFFFFF" value="test3.html">テストページ3へ</OPTION>
<OPTION style="background-color:#FFFFFF; color:#3366FF" value="-">------------------------</OPTION> 
</SELECT>
<INPUT type="button" value="GO!" onClick="location.href=this.form.link.options[this.form.link.selectedIndex].value">
</FORM>
背景の色は background-color:#3366FF; の #3366FFなどを、
文字の色はcolor:#FFFFFF" の #FFFFFFなどをかえてください。
ホームページお役立ち小技集のTOPへ