首頁  >  文章  >  web前端  >  為什麼在 IE6/7 和 Firefox 中更改禁用文字方塊中的文字顏色效果不同?

為什麼在 IE6/7 和 Firefox 中更改禁用文字方塊中的文字顏色效果不同?

Susan Sarandon
Susan Sarandon原創
2024-11-01 23:40:29585瀏覽

Why Does Changing Text Color in Disabled Textboxes Work Differently in IE6/7 and Firefox?

IE 停用文字方塊字體顏色修改

在 Firefox 中,透過使用 CSS 類別可以簡單地修改停用文字方塊的文字顏色。然而,這種技術在 Internet Explorer 版本 6 和 7 中存在不足。

令人擔憂的是,應用一個旨在將禁用文字方塊的文字顏色變更為紅色的類別會導致IE 中的文字變成灰色,而Firefox 中的文字顯示為灰色所需的紅色。其他瀏覽器在行為上也表現出類似的變化。

這種差異是由於作業系統對表單欄位呈現的控制層級不同而產生的。有些方面比其他方面更嚴格地遵循 CSS 規則。腳本方法在此情況下不適用。

建議的解決方法是使用“readonly”屬性而不是“disabled”並利用 CSS(例如,基於“class="disabled””)重新創建殘疾的外觀。 「唯讀」輸入元素不會呈現為作業系統層級的停用小工具,從而允許更多的自訂選項。

以上是為什麼在 IE6/7 和 Firefox 中更改禁用文字方塊中的文字顏色效果不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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