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

質問

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

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

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

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

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

回答No.2

ORUKA1951 · ベストアンサー

ユーザビリティの関係で、あまりフォームのデザインにこだわることはないのですが、時々参考にさせていただいているのは
★フォームをデザインしよう | DesignWalker ( http://www.designwalker.com/2009/03/form-design-2.html )
とかですかね。

お礼

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

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

回答No.1

PuppetXP

実際に機能があるかもしれないのですが、
私はそれを見つけることができませんでした。

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

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

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

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

お礼

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

ありがとうございます。