css - Jquery Mobile - 设置文本框背景

Question

我正在尝试为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包装器，它将覆盖整个文本框，但是如何使用 pure 来做到这一点CSS？有没有办法设置元素父级的样式？

这是上面示例的工作jsfiddle。有勇敢的 JQM 战士可以帮助我吗？

Answer 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 解决方法