IE7 では、選択ボックスのドロップダウンが不完全に見えることがわかりました (画像 1 を参照)。しかし、カーソルを合わせると、ドロップダウン ボックスが完全に表示されます (画像 2 を参照)。
デフォルトで画像2のようにするにはどうすればよいですか。また、選択ボックスのサイズ (高さ: 25px) を大きくし、テキスト サイズが 9px しかない場合、テキストが中央にあることを確認するにはどうすればよいですか? 選択ボックスのパディングとマージンを無駄に調整しようとしました。
ありがとうございました。
この問題の修正について詳しくは、ここをクリックしてください。また、さらに多くの例のデモ ページもご覧ください。
これは、Windows Aero テーマを有効にすると、ドロップダウン ボックスがどのように見えるかです。それは完全に正常で標準的です。実際、これは Windows ユーザーが期待するものです。見た目がおかしいという理由だけで変更することはお勧めしません。ユーザーはそうは思わないでしょう。彼らが見る他のすべてのウェブページと、コンピューター上のすべてのアプリは、まったく同じように機能します。
いいえ、外観を簡単に変更することはできません。ドロップダウン ボックス コントロール全体のカスタム スタイルを記述する必要があります。Internet Explorer を正しく動作させることができたとしても、他のブラウザーに比べて Internet Explorer でそれを行うのは非常に困難です。
2 番目の質問ですが、なぜドロップダウン ボックスの高さを高くするのでしょうか? デフォルトの高さは、希望する高さです。表示されるテキストのサイズに合わせて自動的にサイズが変更されます。それ以上大きくする必要はありませんし、無理に大きくするとおっしゃる通り見苦しくなります。