无法在禁用的文本输入字段中更改 CSS 颜色属性

Question

简单的问题（我希望）：

在 IE 11 (11.0.11) 中，我正在尝试使用 CSS 使禁用的 html 输入字段的文本颜色不会变灰（即黑色）。

当我点击这个参考时，我看到：

但是当我执行“显示源代码”时，将所有源代码复制到一个新的（本地）文件中，然后打开它，输入框文本仍然是灰色的。

所以我的问题是：这是 loading/displaying 它在我的本地机器上还是在互联网上的一个方面，或者我在创建本地文件或一些其他配置时遗漏的东西解决这个问题？

-编辑-

这里是 html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Disabled Text Boxes</title>
    
    <style type="text/css">
    fieldset {border:0;margin-bottom:12px;}
    label {font:normal 13px/19px verdana;display:block;}
    input {border:1px solid #000;}
    input[disabled='disabled'] {
        background:yellow;
        color:blue;
        cursor:default;
    }
    input.disabled {
        background:yellow;
        color:blue;
        cursor:default;
           font-size:24px;
    }
    </style>
    
    
    
    
    </head>
    <body>
    
    <fieldset>
    <label for="username">Enabled:</label>
    <input
        type="text"
        id="username" />
    </fieldset>
    
    <fieldset>
    <label for="dis">Disabled text box using input[disabled='disabled']:</label>
    <input
        type="text"
        id="dis"
        disabled="disabled"
        value="you cant edit this" />
    </fieldset>
    </fieldset>
    
    <fieldset>
    <label for="dis">Disabled text box using class="disabled" in CSS:</label>
    <input
        type="text"
        id="dis"
        disabled="disabled"
        class="disabled"
        value="you cant edit this" />
    </fieldset>
    </fieldset>
    
    </body>
    </html>

将 font-size:24px; 添加到输入 [disabled='disabled'] 并没有改变样式。当我将 font-size:24px; 添加到 input:disabled 时，生成的渲染看起来像

谢谢

Answer 1

正如评论中所建议的，这是一个怪癖问题

无法在禁用的文本输入字段中更改 CSS 颜色属性

Can't change CSS color attribute in a disabled text input field

html

css

internet-explorer-11