HTML表單樣式IE6問題！

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中工作正常，但我的問題是我還需要支持我的nemesis IE6（因爲這是大多數用戶在這裏），但由於某種原因，在IE6中它不會接受這種風格。難道我做錯了什麼？

Answer 1

輸入的「禁用」的風格是在IE6「硬編碼」，不能被重寫。我建議不要在這裏使用禁用的輸入。你有兩個選擇：

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

2. 不要使用輸入。您只需使用<div>或<span>並改爲設置其innerHTML。無論如何，您都可以設計<span>或<div>。

Answer 2

可以實現與readonly="readonly"

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

那不是完全禁止輸入，但它會防止編輯。

Answer 3

嘗試只用於ie6的CSS？

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

在這個CSS

使用_color: #youcolor;