Css Jquery Mobile-设置文本框背景

我正在尝试设置

jquerymobile

textbox字段的背景色，但是背景并没有覆盖整个文本框。正如您在控件左端和右端的下图中所看到的，有些部分没有继承背景色

问题

问题是，

jquerymobile

动态添加了一些

div

wrapper，文本框就是这样呈现的

<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

实现这一点？有没有办法设置元素父元素的样式

下面是一个使用上述示例的示例。有没有勇敢的JQM战士可以帮助我？

使用

.ui阴影插入、ui角点全部、ui btn阴影、ui-body-c
{
背景色：#D5EEFF！重要；
}

如果这会覆盖其他组件，请删除此CSS的奖励

更新

$（“.inputreq”）.parent（）.css（“背景色”，“D5EEFF”）；

使用

.ui阴影插入、ui角点全部、ui btn阴影、ui-body-c
{
背景色：#D5EEFF！重要；
}

如果这会覆盖其他组件，请删除此CSS的奖励

更新

$（“.inputreq”）.parent（）.css（“背景色”，“D5EEFF”）；

---

此解决方案对我没有帮助-原因是我只想在所需字段上设置背景色，而不是在所有字段上设置背景色。另外，在您的解决方案中，我如何区分必填字段和常规字段？我现在处理的问题与目前相同，因为我在控件上设置的CSS类仍然在JQM添加的div包装中。我理解您的问题。看看这个其他的解决方案是否能帮助你。谢谢你的建议。这可能会有所帮助，但我更喜欢纯CSS解决方案。我会等着看是否还有其他建议。没问题，如果你找到解决办法，就把它贴出来。祝你好运。这个解决方法对我没有帮助-原因是我只想在必填字段上设置背景色，而不是在所有字段上设置背景色。另外，在您的解决方案中，我如何区分必填字段和常规字段？我现在处理的问题与目前相同，因为我在控件上设置的CSS类仍然在JQM添加的div包装中。我理解您的问题。看看这个其他的解决方案是否能帮助你。谢谢你的建议。这可能会有所帮助，但我更喜欢纯CSS解决方案。我会等着看是否还有其他建议。没问题，如果你找到解决办法，就把它贴出来。Good luck.CSS

div.ui-inpux-text{your style here}

但这将覆盖除

type=search

之外的所有输入类型@Omar你是对的，但我不希望发生这种情况，因为我只希望必填字段具有背景。然后，你唯一的方法就是通过编程实现。不幸的是，正如我所看到的，没有CSS父选择器，所以我认为你是对的，唯一的解决方案将是@PiLHA先前发布的解决方案。你可以使用

$（'.required'）。最接近（'div'）.css（'background'，'red'）；

css

div.ui-inpux-text{您在这里的风格}

但这将覆盖除

type=search

@Omar之外的所有输入类型。你是对的，但我不希望发生这种情况，因为我只希望必填字段有背景。那么你唯一的方法就是以编程方式进行。不幸的是，正如我所看到的，没有CSS父选择器，所以我希望你是对的，唯一的解决方案是您可以使用

$（'.required'）。最近（'div'）。css（'background'，'red'）；

。