10

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のハックがありますか?

ありがとう。

4

4 に答える 4

8

これは、Internet Explorer 10 でのこのコントロールの既定の動作です。リスト内のアイテムの数と画面のサイズに応じて、他のブラウザーでもメニューの表示が異なりますが、IE10 がバランスをとる唯一のブラウザーだと思います。ドロップダウンを開いたときの select 要素の上下の項目数。

于 2013-01-04T12:58:12.110 に答える
2

<select size="1">1 行を強制的に表示するために使用 します。これは IE10 固有のハックではありませんが、全面的に機能します。

于 2013-01-04T12:50:39.067 に答える
1

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

于 2013-02-06T10:22:08.823 に答える
0

サイトで同じ問題を修正しようとしていました...最新のテレリックコントロールがIE10で「正しく」またはより正確に「IE9の方法」で機能することがわかりました.. :-)

私はこの最新バージョンを使用したことはありませんし、Telerik で働いたこともありません。

http://demos.telerik.com/aspnet-ajax/dropdownlist/examples/overview/defaultcs.aspx

于 2013-05-06T00:53:03.010 に答える