如何在Internet Explorer中更改禁用的html控件的顏色

Question

input[disabled='disabled'] 
{ 
    background-color:#FFFBF0; 
    color: #28B51D;  
} 

我正在使用以下代碼，但它在IE中不起作用。

它適用於瀏覽器的其餘部分。

Answer 1

由於您將您的問題標記爲javascript，以下是我對IE的建議：包括一個帶ie-triggering html註釋的ie-only腳本，它爲每個禁用的輸入添加了一個ie-disabled類。如果輸入狀態在初始頁面加載後可能會更改，請將定時觀察者添加到頁面中，以正確設置類。

input[disabled], input.ie-disabled 
{ 
    background-color:#FFFBF0; 
    color: #28B51D;  
} 

JavaScript文件，附帶條件註釋：

function checkDisabled() { 
    var inputs = document.getElementsByTagName('INPUT'); 
    for(var i=0, l=inputs.length; i<l; i++) { 
    if(inputs[i].disabled) { 
     if(inputs[i].className.indexOf('ie-disabled')==-1) 
     inputs[i].className = inputs[i].className+' ie-disabled'; 
    } else { 
     inputs[i].className = inputs[i].className.replace('ie-disabled', ''); 
    } 
    } 
} 


setInterval(checkDisabled, 1000); // check every second 

Here is a test（對於IE）。請注意，對於禁用的輸入，IE會忽略顏色CSS屬性。如果您確實需要綠色文本，請使用readonly而不是disabled。