Выпадающие списки IE8 не активируются

0

У меня проблема с IE8, при которой один из двух выпадающих ящиков работает неправильно. Он отлично работает в Firefox, Chrome и Safari, а также IE9+, но по какой-то причине IE8 не работает.

В основном, верхний раскрывающийся список позволяет вам щелкнуть и отобразить выбор, но как только вы переместите мышь вниз, чтобы выбрать опцию, выпадающее меню исчезнет. Иногда вы можете быть достаточно быстрым, чтобы выбрать вариант, или если вы используете клавиши со стрелками, вы можете выбрать варианты в порядке. Нижний ящик отлично работает без проблем, что действительно странно.

Кроме того, когда я перемещаю выпадающие окна в начало формы (над другими полями ввода), это немного улучшается, позволяя вам дважды щелкнуть выпадающее меню, а затем выбрать параметры, но это все еще не идеально.

После тестирования, похоже, проблема связана с этими кнопками переключения CSS, которые я использую: http://ghinda.net/css-toggle-switch/, поскольку они также отображаются неправильно (IE8 игнорирует все стили).

Извините, если я не был достаточно ясен. Сайт еще не живет, поэтому я не могу его увидеть, но вот код, который я использую.

<label class="control-label">Dropdown2</label>
<div class="controls">
  <select class="m-wrap" style="width: 100px; margin-left: 4px; margin-top: 4px;" id="option1" onChange="QuoteRefresh();" tabindex="1">
    <option value="">Select...</option>
    <option value="1">1</option>
    <option value="5">2</option>
    <option value="2">3</option>
    <option value="3">4</option>
    <option value="6">5</option>
    <option value="4">6</option>
  </select>
</div>
<label class="control-label">Dropdown 2</label>
<div class="controls">                                      
  <select class="m-wrap" style="width: 100px; margin-left: 4px; margin-top: 4px;"  id="option2" onChange="QuoteRefresh();" tabindex="1">
    <option value="">Select...</option>
    <option value="1000">1000</option>
    <option value="2000">2000</option>
    <option value="3000">3000</option>
    <option value="4000">4000</option>
    <option value="5000">5000</option>
  </select>
</div>

Я только что удалил следующий код из своего HTML, и проблема исчезла. Этот код относится к кнопкам переключения, упомянутым выше. Однако мне нужны эти переключающие кнопки для работы с выпадающими списками.

  <div class="switch candy blue">
    <input id="op1" name="sat" type="radio">
    <label for="op1" onClick="">Yes</label>
    <input id="op2" name="sat" type="radio" checked>  
    <label for="op2" onClick="">No</label>
    <span class="slide-button"></span>
  </div>
  • 0
    что делает функция QuoteRefresh ()?
  • 0
    Привет, Олли, QuoteRefresh () выполняет некоторые вычисления JQuery, однако с тех пор я снял его, и проблема все еще существует, так что, похоже, это не связано с этим.
Показать ещё 4 комментария
Теги:
internet-explorer-8

1 ответ

0

У меня была эта точная проблема в IE8 с избранными элементами. Я щелкнул, появились опции, но затем, когда я перешел к выбору варианта, они исчезли.

Проблема для меня была CSS3 PIE. Я думал, что предоставил бы этот ответ только потому, что CSS3 PIE используется довольно часто. В моем случае я использовал его для округления углов элемента select в старых браузерах.

Как только я удалил селектор, что я добавил CSS3 PIE "поведение", проблема исчезла. Никаких округленных границ над элементами выбора в IE8 больше, но они фактически функционируют сейчас.

Поделиться
  • 0
    Не могли бы вы объяснить, как вы охотились за этим до того, чтобы быть проблемой CSS3 PIE? У меня точно такая же проблема, но я не использую CSS3 PIE, поэтому я хотел бы знать, как узнать, что это может быть

Ещё вопросы

Сообщество Overcoder
Наверх
Меню