Opera Mobile和jQuery Mobile选择菜单显示错误

Question

Opera Mobile的jQuery 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

我创建了一个单独的CSS文件的歌剧院和下面的类压倒一切的工作对我来说：

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

而且，还需要从.ui-select .ui-btn元素删除.ui-select-nativeonly类。我已经使用jQuery：

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

});