首頁  >  文章  >  web前端  >  如何更改 Internet Explorer 中禁用文字方塊的顏色?

如何更改 Internet Explorer 中禁用文字方塊的顏色?

Susan Sarandon
Susan Sarandon原創
2024-10-28 04:11:30514瀏覽

How to Change the Color of Disabled Textboxes in Internet Explorer?

為Internet Explorer 中的停用文字方塊著色

無法變更Internet Explorer (IE) 6 和7 中停用文字方塊的顏色可能是由於與在Firefox 中使用簡單的類別輕鬆做到這一點相比,這是一個令人沮喪的限制。

IE 中的 CSS 限制

這個問題的根源在於 IE 解釋的方式CSS 規則應用於禁用的表單欄位。與 Firefox 和基於 WebKit 的瀏覽器(無論其上下文如何,都會優先考慮 CSS 規則)不同,IE 嚴重依賴作業系統的預設小部件集來呈現表單元素。

「唯讀」替代方案

此限制的解決方案是在文字方塊上使用「readonly」屬性而不是「disabled」。透過這樣做,控制項不會呈現為作業系統層級的禁用小部件,使您可以更靈活地使用 CSS 對其進行樣式設定。

要實現所需的效果,請建立一個 CSS 類別(例如「disabled」)定義停用文字方塊的樣式,例如特定的背景顏色或字體顏色。然後,在HTML 中,將此類應用於「唯讀」文字方塊以控制其外觀:

<code class="html"><textarea readonly="readonly" class="disabled">Hello</textarea></code>

此解決方案可讓您自訂IE 中停用文字方塊的外觀以滿足您的特定需求,確保一致性跨不同瀏覽器。

以上是如何更改 Internet Explorer 中禁用文字方塊的顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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