Javascript jQuery mobile：如何设置文本输入的背景色

我希望在弹出面板中使用的文本输入字段的背景是透明的。 使用

不适用于文本区域，但不适用于文本输入字段：

---

提前谢谢

您应该设置父元素的背景色

。ui输入文本

：

<div style="background: rgba(38,38,38,0.5);" class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-a ui-mini">
    <input data-mini="true" id="selectedNode" type="text" readonly="true" value="1234" class="ui-input-text ui-body-a">
</div>

---

您应该设置父元素的背景色。

。ui输入文本

：

<div style="background: rgba(38,38,38,0.5);" class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-a ui-mini">
    <input data-mini="true" id="selectedNode" type="text" readonly="true" value="1234" class="ui-input-text ui-body-a">
</div>

---

在您的示例中，设置输入元素的背景色是正确的 但当您将其设置为半透明rgba（38,38,38,0.5）时，您会得到不同的结果，因为textarea和input textfield的父标记具有不同的背景颜色

---

在这种情况下，使用纯色可以获得更好的性能并排除类似的副作用。或者确保两个父标记具有相同的背景色。

在您的示例中，设置输入元素的背景色是正确的 但当您将其设置为半透明rgba（38,38,38,0.5）时，您会得到不同的结果，因为textarea和input textfield的父标记具有不同的背景颜色

---

在这种情况下，使用纯色可以获得更好的性能并排除类似的副作用。或者确保两个父标记的背景颜色相同。

谢谢，我添加了规则并将输入元素的背景设置为“背景：无”。谢谢，我添加了规则并将输入元素的背景设置为“背景：无”。谢谢，问题是父标记的背景。谢谢，问题是父标记的背景。

.ui-input-text {
    background-color: rgba(38, 38, 38, 0.5);
}