Блоки выбора IE8 и IE9 закрываются при зависании

У меня возникла такая странная проблема, как в теме: в IE (я тестирую версию 8, не получил возможности тестировать более старые/более новые версии), и только в IE все поля выбора на моем веб-сайте начали закрываться, как только Я наведите указатель мыши, чтобы выбрать опцию. Этого не происходит в Firefox, и этого не происходит на моем локальном сервере, только на тестовом удаленном сервере (да, оба сайта идентичны). Итак, чтобы это повторить: Локальная версия: все отлично, даже в IE. Удаленная версия: IE выбирает окна "crash", как только я наводил на них. Любые идеи?

Ответ 1

У меня была эта проблема только в IE8, и вот как я ее решил:

В моем CSS я применял семейство шрифтов к SELECT. Вместо этого я применил его к SELECT OPTION.

Итак, вместо этого:

select {font-family:'Avenir LT W01 85 Heavy';}

Я сделал это:

select option {font-family:'Avenir LT W01 85 Heavy';}

И меню перестает закрываться с ошибкой. Надеюсь, это поможет кому-то.

Ответ 2

Я обнаружил, что проблема заключалась в добавлении котировок во имя семейства шрифтов. Итак, вместо написания

select{font-family:"Open sans";}

Я объявил

select{font-family: open sans;}

Ответ 3

У меня была такая же проблема. В моем случае это было совершенно не связано с Javascript, вопреки тому, что подразумевает ваша ссылка. Выяснилось, что это простой CSS.

В конце концов я обнаружил, что применение атрибута color к моим select входам CSS с чем-либо, кроме черного, сделает их непригодными для использования. Не имело значения, было ли значение в шестнадцатеричном или rgb, если оно было черным.

Я помещаю условный комментарий в целевой IE 7 или 8 (хотя 7 было хорошо, мне нужно это для IE 8 в режиме совместимости) и настроить это объявление стиля:

.myclass select {
   color: #000;
}

Ответ 4

У меня такая же проблема, и решение следующее:

select         { font-family:inherit; font-size:inherit; }

а родительский элемент select имеет необходимый параметр шрифта.

Спасибо за этот ответ этот вопрос

Ответ 5

Похоже, что это может быть несколько разных объявлений CSS, которые могут вызвать это.

У меня была такая же проблема, но без объявления цвета. Оказывается, это было правило семейства шрифтов. Я использовал условный комментарий для целевого IE8 и старше и задал семейство шрифтов "наследовать". Заполнение работает отлично, как и размер шрифта.

Ответ 6

Я провел целый день, исследуя эту проблему, но в IE9. Я делюсь своим решением, потому что это не из-за color или font-family select.

Оказывается, IE запутывается, когда он находит option внутри a select, который имеет указанное значение CSS для opacity. Проблема возникает, даже если непрозрачность переопределена другим правилом CSS с помощью opacity: none или opacity: 1, свойство даже не должно появляться.

Это жуткая ошибка браузера.

Ответ 7

У меня тоже была эта проблема в IE9. Это было связано с операторами @font-face, где у вас есть свойство font-family, равное реальному имени семейства шрифтов. В IE11 он отлично работает.

Ответ 8

Это спасло меня:

$('select').css('background-color','red')

PS. Нужен цвет фона reset, даже если он уже установлен в файле css.