1

jquery モバイルの選択メニューの幅を変更したいです。入力テキスト フィールドでcod1という新しいクラスを作成し、ラベル幅を 25%、入力フィールドを 55% に設定して同じことを行いました。

.cod1 label.ui-input-text { vertical-align: middle; display: inline-block;  width: 25%;  margin: 0 2% 0 0; }
.cod1 input.ui-input-text, 
.cod1 textarea.ui-input-text, 
.cod1 .ui-input-search { width: 55%; display: inline-block; }

今、選択メニューで同じことをしたいのですが、jquerymobile css ファイルでは、このプロパティは @media 内にあり、これがどのように機能するのかわかりません:

@media all and (min-width: 450px){  
.ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
.ui-field-contain .ui-select { width: 60%; display: inline-block; }
}

これをオーバーライドして、cod1 クラスを使用して幅を変更しようとしましたが、うまくいきません。幅の変更に成功した唯一の方法は、元の CSS ファイルを直接変更することです...

4

1 に答える 1

1

この質問の答えが説明しているように、select、checkbox、radio要素は完全にjquerymobileに置き換えられています。

私の質問への答えは本当に簡単です。フィールドを無視してください。

.cod1 label.ui-select { width:25%; }
.cod1 .ui-select { width:55%; }

無効な選択のためのJQM(jQueryMobile)カスタムcss

于 2012-06-20T08:16:07.043 に答える