Opera Mobile和jQuery Mobile Select菜单显示错误

Question

jQuery mobile中有一个与Opera Mobile相关的错误，它显示了来自jQuery Mobile的自定义选项的默认选择，请参阅下面直接从jQuery Mobile网站获取的截图！

这是jQuery mobile用来隐藏选择的代码：

.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默认浏览器上那样隐藏它？

Answer 1

我为Opera创建了一个单独的CSS文件，以下类重写为我工作：

.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');

});