$(this).css("background-color", "red");
通常の入力の場合、各入力ループの背景を赤でスタイリングします。これは正常に機能します。
しかし、それが選択されたとき、それは機能しないようです。jquery mobile selectイメージは同じままです!
JQuery +JQueryMobileを使用しています。
どうすれば強制的に変更できますか?境界線を追加するだけでも?
$(this).css("background-color", "red");
通常の入力の場合、各入力ループの背景を赤でスタイリングします。これは正常に機能します。
しかし、それが選択されたとき、それは機能しないようです。jquery mobile selectイメージは同じままです!
JQuery +JQueryMobileを使用しています。
どうすれば強制的に変更できますか?境界線を追加するだけでも?
CSSで選択したすべてのメニューのスタイルを簡単に上書きできます。
div.ui-select span.ui-btn-inner {
border: 1px solid red;
color: red;
text-align: right;
}
..またはjQueryに固執したい場合:
<code> $('。ui-selectspan.ui-btn-inner')。css('background-color'、'blue'); </ code>
..特定の選択メニューをカスタマイズするには、select要素にを指定id
し、jQueryでそれを選択するには、に追加-button
する必要がありますid
。これは、jQueryMobileが知らないかもしれない複数の要素を作成するという事実によるものです。したがって、選択メニューにIDcustom-id
を指定し、その背景色を変更する場合、jQueryは次のようになります。
$('.ui-select #custom-id-button span.ui-btn-inner').css('background-color', 'green');
..そしてCSSでも同じ:
div.ui-select #custom-id-button span.ui-btn-inner {
text-align: left;
}
JSFiddleを更新
http://jsfiddle.net/5Bkx9/6/
this
実行コンテキストにあるものを確認してください。this
呼び出しのターゲットに応じて、同じ正確なメソッドに対して異なることがあることを覚えておいてください。セレクターを使用して明示的に選択することをお勧めします。
これが問題ではない場合は、このフィールドのスタイルが!important
背景色の後にディレクティブが追加されているかどうかを確認してください。
問題をより適切に分析するには、jsfiddleで最もよく複製されたより多くの情報を提供する必要があります。
これに対する私の解決策は
$(element).parent().addClass("inputRequired");
要素の親(selectタグ)を取得し、代わりに必要なクラスをDIVに追加します。