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

Пожалуйста, см скрипку: http://jsfiddle.net/ajjp/b7M2H/Курсор не правильно функционирует в IE11 выбора входов

<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.

источник

2014-05-27 Andrew

какое раздражающее поведение. Даже это не работает: http://jsfiddle.net/b7M2H/3/ –

, когда вы изменяете структуру html, вы можете что-то вроде этого: http://jsfiddle.net/b7M2H/4/, но это довольно уродливо –

Спасибо @NicoO! Согласитесь, что добавление тегов
будет субоптимальным. – Andrew

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

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

источник

2014-05-27 08:53:13

Спасибо! Удивительно, что они не исправили это после всех этих лет. Я использую Angular и хотел бы избежать зависимости JQuery, если это возможно, поэтому похоже, что пользователям IE просто придется иметь дело с этим ... или изменить браузеры. – Andrew

Если вы используете Bootstrap, тогда вы можете найти угловые альтернативы здесь http://angular-ui.github.io/bootstrap/ или этот маленький плагин https://github.com/jseppi/angular-dropdowns снова для Angular. –

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

ответ

Смежные вопросы