Question

简单的问题（我希望）：

在IE 11（11.0.11）中，我尝试使用CSS来使禁用的html输入字段的文本颜色不变灰（即黑色）。在这项工作中，我找到了这个示例/教程：http://askthecssguy.com/articles/shawn-asks-the-css-guy-about-styling-disabled-text-inputs/

当我点击此参考时，我会看到：

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

所以我的问题是：这是从本地计算机加上/从互联网上加载/显示它的一个方面，还是我在创建本地文件或其他可以解决此问题的配置时遗漏的内容？

- 编辑 -

这是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颜色属性

1 个答案: