0

ページに select html タグがあり、クラスがアタッチされています。

<select id="sel_NavigateBy" class="selectDropDown" name="sel_NavigateBy">

問題は、クラスでこの追加の css ホバーを使用した場合です。

    .selectDropDown:hover
{
    background-color:#EBF2FA !important;   
}

IE 10 の選択ドロップダウンが完全に壊れます。何も選べません。ドロップダウンをクリックしても表示されません (マウスを押したままにしない限り)。マウスを押して「強制的に」表示しても、ドロップダウン リストで何も選択できません。開発者メニューから IE 9 モードに切り替えても、問題は解決しません。IE 10 では選択タグのレンダリングが異なると考えています。

上記のホバー クラスを削除すると、IE 10 は通常の状態に戻ります。今日の時点で、IE 10 (プレリリース) (10.0.9200.16439) で Win7 を使用しています。

.selectDropDown の通常の css クラスは次のとおりです (これが役に立ったら、!important タグが多すぎるのはよくないことです)。

.selectDropDown
{
    margin-top:5px !important;
    padding:0px 0px 0px 0px !important;   
    display:inline;
    vertical-align:top !important;
    font-size: 9pt;
    height:25px !important;
    z-index:1;
}
4

1 に答える 1

1

div内にドロップダウンを配置し、ユーザーがドロップダウンにカーソルを合わせたときにjqueryを使用してdivの色を変更することで問題を解決しました。私が言及したその場しのぎの解決策で、すべてのブラウザに「ホバー」効果を持たせるという目的を達成し、うまく機能しているようです。

于 2014-02-04T19:32:32.200 に答える