使用CSS覆蓋禁用的輸入和文本區域

Question

我試圖覆蓋禁用的輸入和textarea的灰色文本。目前我只關心它在Webkit和Mozilla中的工作。目前，即時通訊目前使用渾身解數書，我知道的：

input[@disabled=true], input[@disabled], 
button[disabled]:active, button[disabled], 
input[type="reset"][disabled]:active, 
input[type="reset"][disabled], 
input[type="button"][disabled]:active, 
input[type="button"][disabled], 
select[disabled] > input[type="button"], 
select[disabled] > input[type="button"]:active, 
input[type="submit"][disabled]:active, 
input[type="submit"][disabled],input[disabled="disabled"], input[disabled] { 
    color: black !important; 
} 

確保它不會改變顏色，如果我將其更改爲別的東西，但是當我選擇黑色的它仍然是灰色的一點。

任何想法？我使用Ext JS，如果我可以使用它來操縱它。謝謝。

Answer 1

我寧願去JavaScript的方式來實現最佳的瀏覽器兼容性。我會使用ExtJS [http://www.extjs.com/deploy/ext-1.1.1/docs/output/Ext.DomQuery.html][DomQuery]並通過添加特定的類或直接將它們注入爲樣式屬性值來插入CSS規則。

Answer 2

input.button-control[disabled] 

{ 

    color: #cccccc !important; 

    } 

這裏button-control是輸入元件，其文本是被覆蓋的，當禁用屬性被設置爲灰色上的類。

我希望這會有所幫助。