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

Question

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

<!DOCTYPE html>

并添加到我的 CSS 文件中：

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

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

我的 HTML 声明为：

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

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

score 6 · Accepted Answer

我创建了一个 JSFiddle 并且它正在工作，请参阅以下链接：

尝试将背景颜色更改为明亮的颜色。

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

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

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

所以有很多网站说Readonly不完全支持IE看下面的链接w3schools、MDN、css-tricks。所以你需要移动 JavaScript/JQuery 解决方案。

例如

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

愿这对你有所帮助。小提琴

score 0 · Accepted Answer

可能是现有的 css 覆盖了当前的 css。使用'背景颜色'：'#f6f6f6'！重要；可能是它的工作。

4 回答 4