html - IE 10 選択ボックスの位置を制御できますか?

Question

Internet Explorer 10 では、ドロップダウン ボックス (<select>要素) の動作が変更されました。ボックスを展開すると、オプションのリストをフィールドの下に配置する代わりに、リストがフィールドをオーバーレイし、現在選択されている要素が配置されるようにリストが配置されます。入力フィールドの中央に配置されます。

これは少し説明が難しいので、それを示す jsFiddle を次に示します。

ユーザーは、この動作が非常に混乱していると感じています。ボックスを IE9 のように、また他のすべての主要なブラウザーのように動作させるために、CSS でできることはありますか? (おそらく、IE10 テキスト入力フィールドのクリア ボタンを非表示にする-ms-clear 疑似要素のようなものです。)

これは一種のタイムラプス スクリーンショットです。

Answer 1

size1 つのオプションは、select のプロパティをオプションの数 (または固定数 - オプションが多すぎる場合)に動的に変更することです。マウスダウンでそれを行い、変更時に元に戻します。

スタイル、select の位置、および追加のイベントを微調整する必要がありますが、ここに概念実証があります: http://jsfiddle.net/KnAXL/1/