css输入文本框只读设置背景颜色不起作用

Question

我有一个旧的经典 ASP 表单，我需要向其中添加功能，并且我使用的是 IE11。我决定插入一个文档类型如下（我不确定为什么或是否有必要）：

<!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;
}