2011-06-23 55 views
0

我有一个网页一个简单的形式(实际上不提交任何信息),反正在布局方面,它是如下:HTML表单样式IE6问题!

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中工作正常,但我的问题是我还需要支持我的nemesis IE6(因为这是大多数用户在这里),但由于某种原因,在IE6中它不会接受这种风格。难道我做错了什么?

回答

1

输入的“禁用”的风格是在IE6“硬编码”,不能被重写。我建议不要在这里使用禁用的输入。你有两个选择:

  1. 使用readonly代替:<input name="text" id="text1" readonly="readonly" class="disabledbox" value="£ 0"/>

  2. 不要使用输入。您只需使用<div><span>并改为设置其innerHTML。无论如何,您都可以设计<span><div>

+0

可爱,谢谢你的工作! – zik

1

可以实现与readonly="readonly"

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

那不是完全禁止输入,但它会防止编辑。

0

尝试只用于ie6的CSS?

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

使用_color: #youcolor;

+0

这对'禁用'输入无效。 – DanielB

+0

我的问题是,在输出字段我想输出的颜色是黑色的,这在FF和Chrome中运行良好,但我的问题是我还需要支持我的nemesis IE6(因为这是大多数用户在这里)但由于某种原因,在IE6中它不会接受这种风格。难道我做错了什么? 我知道你需要改变它的del颜色。 – 2011-06-23 09:14:54

+0

@ claudio.malorgio但他已经有了颜色的样式定义。但是这并不适用于他尝试风格的输入残疾状态的IE6 beacaus。 CSS黑客无助于此。 – DanielB