首頁 > web前端 > css教學 > 如何在 IE6/IE7 中自訂停用文字方塊文字顏色?

如何在 IE6/IE7 中自訂停用文字方塊文字顏色?

DDD
發布: 2024-10-28 03:43:02
原創
954 人瀏覽過

How to Customize Disabled Textbox Text Color in IE6/IE7?

在IE 中自訂停用文字方塊文字顏色

簡介:

更改停用文字方塊的文字顏色是常見要求在網頁開發。雖然此任務在 Firefox 等現代瀏覽器中很簡單,但在 Internet Explorer (IE) 版本 6 和 7 中卻提出了挑戰。

挑戰:

套用 CSS 時類到 IE6/IE7 中停用的文字框,文字顏色不會如預期變更。與 Firefox 允許自訂文字顏色不同,IE 會將禁用的文字方塊文字呈現為固定的灰色陰影。

解決方案:

在IE6 中實作禁用文字方塊的文字顏色自訂/IE7,採用以下技巧:

1 。使用 'readonly' 屬性:

不要使用 'disabled' 屬性,而是使用 'readonly' 屬性。與將文字方塊呈現為作業系統級小部件的「停用」不同,「只讀」允許更多基於 CSS 的自訂。

2.套用自訂樣式:

建立一個專門針對「只讀」文字方塊的CSS 類,並使用「顏色」屬性應用所需的文字顏色。例如:

<code class="css">textarea[readonly] {
  color: red;
}</code>
登入後複製

解釋:

透過使用“只讀”而不是“停用”,您可以讓瀏覽器更自由地應用 CSS 樣式。此解決方法可讓您覆蓋預設的停用狀態外觀並根據需要自訂文字顏色。

以上是如何在 IE6/IE7 中自訂停用文字方塊文字顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板