Html 如何更改css中只读文本框的背景色

如何更改css中只读文本框的背景色

您的问题中有太多未知数。您希望支持哪种浏览器？若你们说textbox，你们似乎在使用ASP.NET，但你们的问题上并没有标签

一般来说，浏览器之间的行为是不同的

考虑以下html

IE8正确渲染背景色，但禁用的控件将始终具有带阴影的灰色文本。除了Mozille Firefox之外，它还可以正确呈现控件，我相信不同的浏览器甚至不同的浏览器版本都会有差异（IE6也会正确解释颜色值）

如果无论使用哪种浏览器，您都想拥有html，那么您必须使用span或其他内联元素，以使用所需的边框和颜色对其进行格式化，而不是使用输入元素。

您可以使用

input[disabled="disabled"] { background:url("url-to-background-image.jpg") no-repeat #fff; }

对于不支持此选择器的旧浏览器，可以使用jQuery应用类

$(document).ready(function() {
    $("input[disabled="disabled"]").addClass('disabled');
});

除非它一直被禁用，否则您应该提供js来删除该类，同时提供js来启用该类

你可以试试这个

input:-moz-read-only { /* For Firefox */
    background-color: yellow;
}

input:read-only {
    background-color: yellow;
}

---

你说的“只读文本框”是什么意思？如果你想要一个正确的答案，你应该发布一个正确的问题。你现在的密码是什么？是什么触发了这种变化？您是否正在使用任何JS库（例如jQuery）？谢谢您的回复。。是否有可能将其用作外部CSS？是的，只需将jquery CSS选择器更改为：$（“input[readonly=“readonly”]”）

input:-moz-read-only { /* For Firefox */
    background-color: yellow;
}

input:read-only {
    background-color: yellow;
}