刪除瀏覽器只讀樣式

Question

我試圖在文本字段中禁用用戶文本輸入，並且在輸入本身上使用readonly="true"屬性。

但是，我不希望它看起來不同，然後默認輸入字段。我正在嘗試編寫一個解決方案，它不會讓我進入併爲其編寫CSS，因爲瀏覽器可能會改變它們的樣式並使其變得可憐。

有什麼辦法可以刪除瀏覽器的readonly風格嗎？

這裏是我正在談論的屏幕截圖。右邊的那個是readonly，但我希望它看起來與左邊的一樣。

Answer 1

瀏覽器樣式根據定義是特定於瀏覽器的，所以任何解決方案都是針對瀏覽器的。您需要研究瀏覽器的默認設置（從文檔或實驗中），併爲不同的瀏覽器提供不同的樣式。很多工作，我不太明白可能的好處。一般來說，可用性會消除正常域和禁用域之間的區別。

您可以明確地將樣式設置爲與正常和禁用字段相同，但不會獲得瀏覽器默認值。