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

Question

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

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

它可以在其余的瀏覽器中使用。

Answer 1

由於您將問題標記為javascript ，因此這是我對IE的建議：包括一個帶有ie觸發html注釋的僅ie腳本，該腳本向每個禁用的輸入添加一個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

這是一個測試 （針對IE）。 請注意，對於禁用的輸入，IE將忽略color css屬性。 如果您確實需要綠色文字，請使用readonly而不是disabled 。