為什麼我無法更改 IE8 中禁用的輸入控制項的顏色？

IE8 中的顏色困境：禁用 HTML 控制項的樣式

儘管 CSS 看似簡單，但跨瀏覽器會出現不一致。其中一個奇怪之處在於 Internet Explorer 8 中禁用的 HTML 控制項的樣式。雖然大多數瀏覽器都樂於採用 CSS 指定的顏色，但 IE8 在使用停用屬性時違反了此約定。

有問題的程式碼

下面的CSS 片段旨在更改禁用的輸入控制項的顏色：

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

瀏覽器之戰

此程式碼在大多數瀏覽器中都能成功，為停用的控制提供所需的灰色陰影。然而，IE8 卻與眾不同，儘管樣式進行了修改，但仍頑固地保留其預設的灰色文字顏色。

衝突的原因

這種情況的罪魁禍首是禁用屬性本身。在 IE8 中，它會覆蓋任何 CSS 定義的顏色設置，並為文字分配特定的灰色值。此行為與禁用的控制項無關；其他屬性（如背景和邊框顏色）仍然容易受到 CSS 操作的影響。

結論

雖然 IE8 令人沮喪的頑固行為阻止了透過 CSS 完全自訂禁用的控制項顏色，但它認識其基本邏輯很重要。瀏覽器對停用屬性的遵守可確保已停用的控制項在整個網站上保持一致的視覺提示，從而提高可訪問性。

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