Курсор не работает правильно в IE11 выберите входы

См. скрипку: http://jsfiddle.net/ajjp/b7M2H/

<div>
    <select>
       <option> Option 1 </option>
       <option> Option 2 </option>
       <option> Option 3 </option>
       <option> Option 4 </option>
       <option> Option 5 </option>
       <option> Option 6 </option>
       <option> Option 7 </option>
   </select>
</div>
<div>
   <input>
   </input>
</div>

В Internet Explorer 11 свойство курсора изменяется при наведении курсора на параметр выбора, который находится над полем ввода под ним. Надеюсь, что есть простое решение CSS.


person Andrew    schedule 27.05.2014    source источник
comment
какое раздражающее поведение. Даже это не работает: jsfiddle.net/b7M2H/3   -  person Nico O    schedule 27.05.2014
comment
когда вы изменяете структуру html, вы можете сделать что-то вроде этого: jsfiddle.net/b7M2H/4, но это довольно некрасиво   -  person Nico O    schedule 27.05.2014
comment
Спасибо @NicoO! Согласитесь, что добавление тегов ‹br /› повсюду было бы неоптимальным.   -  person Andrew    schedule 28.05.2014


Ответы (1)


Это ошибка IE, которая, кажется, сохраняется в каждой версии - z-индекс и абсолютное позиционирование не будут работать.

Поскольку это не наносит вреда функциональности, я говорю, пусть это будет, однако, если вы настаиваете на исправлении, лучше всего использовать альтернативу раскрывающегося списка JQuery, такую ​​​​как этот.

person Georgi Demirev    schedule 27.05.2014
comment
Спасибо! Удивительно, что они не исправили это за все эти годы. Я использую Angular и хотел бы избежать зависимости JQuery, если это возможно, поэтому похоже, что пользователям IE просто придется иметь дело с этим... или изменить браузеры. - person Andrew; 28.05.2014
comment
Если вы используете Bootstrap, вы можете найти альтернативы Angular здесь angular-ui.github.io/bootstrap или этот небольшой плагин github.com/jseppi/angular-dropdowns снова для Angular . - person Georgi Demirev; 28.05.2014