首頁  >  文章  >  web前端  >  為什麼無法變更 Internet Explorer 中停用文字方塊的文字顏色?

為什麼無法變更 Internet Explorer 中停用文字方塊的文字顏色?

DDD
DDD原創
2024-11-01 16:55:02187瀏覽

Why Can't I Change the Text Color of Disabled Textboxes in Internet Explorer?

在 Internet Explorer 中停用文字方塊文字顏色

據觀察,可以使用簡單的類別在 Firefox 中修改停用文字方塊中的文字顏色。然而,在 IE 6 和 7 中實現這一點仍然是一個挑戰。

原始查詢表示內嵌 CSS 可以變更 Firefox 中停用文字方塊的文字顏色。

<textarea disabled="disabled" style="color: red;">Hello</textarea>

但是,這種方法在 IE 中產生灰色文本,而 Firefox 將其顯示為紅色。 Opera 等其他瀏覽器也顯示灰色文本,而 WebKit 瀏覽器則顯示紅色。

問題源自於 CSS 呈現表單欄位的方式。在 IE 中,這些欄位通常使用作業系統的小部件集呈現,覆蓋 CSS 規則。其他瀏覽器傾向於優先考慮 CSS 規則,從而導致觀察到的不一致。

要解決此問題,建議使用「readonly」屬性而不是「disabled」。透過套用「class="disabled」」指定,您可以自訂停用文字方塊的外觀,同時保持必要的表單控制限制。 「唯讀」保留原始文字方塊樣式,允許透過 CSS 進行更大程度的自訂。

以上是為什麼無法變更 Internet Explorer 中停用文字方塊的文字顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn