Question

我在网页上有一个简单的表单（实际上并没有提交任何信息），无论如何在布局方面如下：

input output output
input output output
input output output
total total total

每个输出字段和总字段都有自己的类（.disabledbox），我将其设置如下（CSS）。它们都是“禁用”表格框：

.disabledbox {    
border:none;
text-align:center;
background-color:#ccc;
color:#000000;
}

以下是所述表单的HTML：

<input name="text" id="text1"  disabled="disabled" class="disabledbox" value="£ 0"/>
    <input name="text" id="text2" disabled="disabled" class="disabledbox" value="£ 0"/>

我的问题是，在输出字段中我希望输出的颜色为黑色，这在FF和Chrome中工作正常，但我的问题是我还需要支持我的克星IE6（因为这是大多数用户的意思）这里有）但由于某种原因在IE6中它只是不接受这种风格。我做错了吗？

Answer 1

您可以使用readonly="readonly"

实现这一目标

<input name="text" id="text1"  readonly="readonly" class="disabledbox" value="£ 0"/>

这并没有完全禁用输入，但会阻止编辑。

Answer 2

输入的“禁用”样式在IE6中是“硬编码”的，无法覆盖。我建议不要在这里使用禁用输入。您有两种选择：

请改为使用readonly：<input name="text" id="text1" readonly="readonly" class="disabledbox" value="£ 0"/>
请勿使用输入。您可以使用<div>或<span>并设置其innerHTML。您可以随意设置<span>或<div>的样式。

Answer 3

尝试仅针对ie6使用css？

<!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="ie-6.0.css" />
<![endif]-->

在此Css中使用_color: #youcolor;

HTML表单样式IE6问题！

3 个答案: