2

OperaMobileを使用したjQuerymobileにはバグがあり、jQueryMobileのカスタム選択よりもデフォルトの選択が表示されます。jQueryMobileのWebサイトから直接取得した以下のスクリーンショットを参照してください。

OperaMobileとjQueryMobileの選択メニューにバグが表示される

選択を非表示にするためにjQuerymobileが使用するコードは次のとおりです。

.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のデフォルトブラウザのように非表示にする方法はありますか？

4

1 に答える 1

4

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

});
于 2012-09-26T14:10:21.490 に答える