IEでプルダウンメニューをデザイン

フォームのページを作成しており、
　<select>
　<option> ～ </option>
　</select>

でプルダウンメニューを作成したのですが、
あまりにもデザインが質素すぎるので
右の矢印ボタンなどを変更したり
高さを高くしたりしたいと考えています。

背景に色をつけるのはできるのですが、
高さを変えたりのCSSがききません。


IE6～9でなるべく見れる状態でプルダウンのメニューを
デザインする方法はないでしょうか？

初歩的質問で申し訳ないのですが、ご存知の方いらっしゃいましたら
教えていただけないでしょうか。よろしくお願いします。

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2011/11/26 09:33

ユーザビリティの関係で、あまりフォームのデザインにこだわることはないのですが、時々参考にさせていただいているのは

★フォームをデザインしよう | DesignWalker ( http://www.designwalker.com/2009/03/form-design- … )
とかですかね。

この回答へのお礼

回答ありがとうございます。

やはりユーザビリティの問題はありますよね。
参考になりました。ありがとうございます。

お礼日時：2011/11/27 20:48

No.1 回答者： PuppetXP 回答日時： 2011/11/26 00:37

実際に機能があるかもしれないのですが、

私はそれを見つけることができませんでした。

そこで、私がプルダウンメニューで悩んでたときに力技ではありますが、
対応した内容を参考までに記述します。

　プルダウンのコントロールを３つの項目に分けて考える。
　　１．選択した内容を表示する欄を"TextBox"
　　２．プルダウン用の矢印を"Button"
　　３．プルダウンリストを"Div"と"Table"

　標準のプルダウンリストと同様に以下のようにイベントを取る。
　　１．テキストボックスクリック、矢印ボタンクリックでリストの表示ON/OFF
　　２．プルダウンリストの<TD>にonmouseover等イベントで選択位置の色変更。
　　３．プルダウンリストのクリックによる項目の選択機能。
　　４．フォーカスがプルダウンから外れた場合のリスト表示OFF機能。
　　５．ブラウザサイズ変更に対応して各コントロールの配置調整。
　　・・・etc

かなりの力技ではありますがそれぞれを画像で指定できるため、
好きな形式のプルダウンメニューの作成が可能です。
一度作ってしまえば他への流用も可能ですので今でも使用することがあります。

この回答へのお礼

回答ありがとうございます。
プルダウンメニューをデザインするのは
やはり色々力技を使わないと難しいみたいですね。

ありがとうございます。

お礼日時：2011/11/27 20:46