Ошибка отображения меню Opera Mobile и jQuery Mobile Select

В jQuery Mobile с Opera Mobile есть ошибка, которая отображает выбор по умолчанию вместо пользовательского из jQuery Mobile, см. снимок экрана ниже, взятый непосредственно с веб-сайта jQuery Mobile!

Ошибка отображения меню выбора Opera Mobile и jQuery Mobile

Вот код, используемый мобильным jQuery для скрытия выбора:

.ui-select .ui-btn select {
    cursor: pointer;
    -webkit-appearance: button;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    z-index: 2;
}

Есть ли способ скрыть его, как в браузерах по умолчанию для iPhone и Android?


jquery css jquery-mobile select-menu opera-mobile
person nebulousGirl    schedule 13.06.2012    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Я создал отдельный CSS-файл для Opera, и у меня сработало следующее переопределение класса:

.ui-select .ui-btn select {
  opacity: 0 !important;
}

Также необходимо удалить класс .ui-select-nativeonly из элементов .ui-select .ui-btn. Я использовал jQuery для этого:

$(function() {
  /**
   * Opera selectors drawings
   */
  $('.ui-select .ui-btn').removeClass('ui-select-nativeonly');

});
person Konstantin Soldatov    schedule 26.09.2012