jQuery Mobile的 - 设置文本框背景(Jquery Mobile - set textb

我想设置背景颜色的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，可以帮助我吗？

Answer 1:

采用

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

如果这个覆盖一些其他组件，删除这个奖项CSS。

UPDATE

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

jQuery的解决方法

文章来源: Jquery Mobile - set textbox background