フォーム カスタマイズ

質問

こんにちは。
早速ですが、現在formの作成をしています。

下記のように、セレクト幅は可変文字を想定しており、背景色、文字色、フォントサイズを指定しました。

<form method="POST">
<SELECT size="1" style="width:auto;color:#6f7074;background-color:#FFE6F3;font-size:13px">
<option selected="selected" value="あいうえおかきくけこ">あいうえおかきくけこ</option>
<option value="あいうえおかきくけこ">あいうえおかきくけこ</option>
<option value="あいうえおかきくけこ">あいうえおかきくけこ</option>
<option value="あいうえおかきくけこ">あいうえおかきくけこ</option>
<option value="あいうえおかきくけこ">あいうえおかきくけこ</option>
</select>
</form>

さらに、フォームのデフォルトをカスタマイズしてセレクトボタンを画像にしたいのですがどようにすればよいのか教えていただければと思います。
javascriptはほぼ未経験ですがよろしくお願いします。

回答No.1

shimix

「セレクトボタン」というのが、普通の用語としてのセレクトボタンという前提ですが

　　<input type="button" onClikc="・・・">

でなく

　　<button onClick="・・・"><img src="・・"></button>

もしくは

　　<img src="・・" onClick="・・・">

と書けばいいのでは？

お礼

ありがとうございます。
参考にさせていただきます