Question

我有一个旧的经典ASP表单，我需要添加功能，我正在使用IE11。我决定插入一个doctype如下（我不确定为什么或者是否有必要）：

<!DOCTYPE html>

并添加到我的CSS文件中：

input[readonly] {
    background-color: #f6f6f6;
}

本网站上的其他页面建议更改只读文本框的背景颜色，但不会改变颜色！

我的HTML声明为：

<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px">

任何想法为什么它不起作用。没有其他样式应用我可以看到可能会覆盖它。我还需要发布任何其他内容来澄清我的问题吗？

Answer 1

我创建了一个JSFiddle，它正在运行，请参阅以下链接：

尝试将背景颜色更改为鲜艳的颜色。

<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px"

input[readonly] {
    background-color: red;
}

Answer 2

我想你会在这里找到你想要的东西

注意：IE可能不支持更改只读输入的背景颜色

Answer 3

所以有很多网站都说不完全支持Readonly。请参阅以下链接w3schools，MDN，css-tricks。所以你需要移动JavaScript / JQuery解决方案。

例如

$(':input[readonly]').css({'background-color':'#f6f6f6'});

愿这对你有所帮助。的 Fiddle

Answer 4

可能是现有的css覆盖当前的css。使用'background-color'：'＃f6f6f6'！important;可能是它的工作。