HTMLのformについて。

質問

お世話になります。

以下
<form class="xxx">
<select onChange="location.href=value;">
<option value="#" class="yyy">リンク集</option>
<option value="http://" class="yyy">リンク１</option>
<option value="http://" class="yyy">リンク２</option>
<option value="http://" class="yyy">リンク３</option>
</select>
</form>
を元にプルダウンのメニューを作るのですが、
ttp://iswebmag.hp.infoseek.co.jp/192/sample03.html
↑こちらで紹介されているようにしかデザインしかできないのでしょうか？

白枠の部分や、逆さ三角の部分を変更できないか探しているのですが
見つかりません。

ご教授よろしくおねがいいたします。

回答No.1

abril

フォームの部品であるselectに関して適用される/されないスタイルについて、下記等が一覧になっていてわかりやすいかと思います。

【参考】http://www.456bereastreet.com/lab/form_controls/select/

ちょっと検証環境が古めですが、見ての通り、「白枠の部分」（ボーダー）に関しては一部環境ではCSSでスタイルを変更する事が可能ですが、「逆さ三角の部分」（プルダウン）の箇所はCSSでのスタイル変更の対象外になります。

どうしても…という事であれば画像とJavaScriptを組み合わせてそれらしく見せる・動作させるという方法もありますが。
以下は一例です（特にお奨めしている、というわけではないです）。
【参考】http://javascript.webcreativepark.net/library/script_aculo_us_select_box

※個人的にはあまり拘らない方が良い部分だと思っていますが。

お礼

詳しくありがとうございました。