為什麼我無法使用 CSS 更改 IE8 中禁用的 HTML 控制項的顏色？

使用CSS 更改IE8 中禁用的HTML 控制項的顏色

您已嘗試使用CSS 更改禁用的控制項的顏色，但是IE8下好像不行。您想了解原因並找到一種方法來覆寫預設行為。

您使用過的 CSS：

<code class="css">input[disabled='disabled'] {
  color: #666;
}</code>

在大多數瀏覽器中運作良好，但在 IE8 中不起作用。這是因為 IE8 對禁用元素有一個特定的行為，它用預設的灰色覆蓋顏色屬性，並伴隨奇怪的白色陰影。

這樣做的原因是 IE8 中的禁用元素被認為是「非活動」控件，瀏覽器會向它們應用特定的樣式來指示這一點。不幸的是，這種樣式包含強制的文字灰色，它會覆蓋您嘗試應用的任何 CSS。

避免這種行為並更改 IE8 中禁用控制項的顏色的唯一方法是使用不同的方法。一個可能的解決方案是使用 :disabled 偽類而不是禁用屬性：

<code class="css">input:disabled {
  color: #666;
}</code>

此偽類針對設定了禁用屬性的元素，但它實際上並未設定禁用屬性本身。因此，IE8 不再將控制視為“不活動”，並允許您覆蓋預設樣式。

以上是為什麼我無法使用 CSS 更改 IE8 中禁用的 HTML 控制項的顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！