1

JQuery Mobile背景色をテキスト ボックス フィールドに設定しようとしていますが、背景がテキスト ボックス全体を覆っていません。下の画像でわかるように、コントロールの左端と右端には、背景色を継承していない部分があります。

ここにリンクの説明を入力

問題

問題は、いくつかのラッパーJQuery Mobileを動的に追加していて、テキストボックスがそのようにレンダリングされることですdiv

<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c">
    <input type="text" name="name" class="inputreq ui-input-text ui-body-c" id="name" value="">
</div>

背景色をdivラッパーに設定すると、テキストボックス全体が覆われますが、どうすれば純粋にこれを行うことができCSSますか? 要素の親のスタイルを設定する方法はありますか?

上記の例で動作するjsfiddleを次に示します。私を助けてくれる勇敢なJQMの戦士はいますか？

4

1 に答える 1

1

使用する

.ui-shadow-inset, ui-corner-all, ui-btn-shadow, ui-body-c
{
   background-color: #D5EEFF !important;
}

これが他のコンポーネントをオーバーライドする場合は、この CSS を削除してください。

アップデート

$(".inputreq").parent().css("background-color", "#D5EEFF");

jQuery の回避策

于 2013-08-26T14:02:49.093 に答える