2013-01-04 15 views
10

私はIE10でアプリケーションをテストしていましたが、選択ボックスに奇妙な動作がありました。選択したオプションが強調表示され、上/下のオプションが選択したものの上または下に表示されます。ドロップダウンボックスは非表示になっています。IE10セレクトボックスの問題

これはIE10でのみ発生します。他のすべてのブラウザでは、選択ボックスの下にオプションが表示されます。

IE10とIE9に以下のサンプルコードで試してみてください。

<!DOCTYPE html> 
<html> 
    <body> 
     <select> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="opel">Opel</option> 
      <option value="audi">Audi</option> 
     </select> 
    </body> 
</html> 

いつものように選択ボックス以下のオプションを作るためにどのような方法がありますかIE10のための任意のハックがありますか?

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

答えて

2

<select size="1">を使用すると、1行を表示させることができます。これはIE10固有のハックではなく、全面的に動作します。

+2

「Tは、この最新バージョンで働いていた、また私は、Telerikのために働くんので、それはあなたの痛み原因となる場合使者を撮影しない理由downvote?それがあなたの欲望/実装に合っているかどうかにかかわらず、それは明白な機能ではありません。 @Jan Wikholmを共有してくれてありがとう – albert

8

これはInternet Explorer 10でのこのコントロールのデフォルトの動作です。リスト内の項目数と画面のサイズによって、他のブラウザでも表示方法が異なりますドロップダウンが開かれたときにselect要素の上と下の項目の数のバランスをとるブラウザ。

+1

'select'はWindows7 + IE10(プレリリース)でも同じ動作をしています。 – Teemu

1

IE10の新しい動作の利点の1つは、タッチのやりとりをはるかに簡単にすることです。また、残りのWindowsの動作と一貫しています。現在のところ、この動作を変更する方法はありません。フィードバックをIEチームに渡しました。

私はサイトで同じ問題を修正するために探していた
関連する問題