javascript - 删除浏览器只读样式

Question

我正在尝试禁用文本字段中的用户文本输入，并readonly="true"在输入本身上使用该属性。

但是，我不希望它看起来与默认输入字段不同。我正在尝试编写一个不会让我进入并为其编写 CSS 的解决方案，因为浏览器可能会改变它们的样式并使这变得痛苦。

有什么方法可以删除浏览器readonly样式？

这是我正在谈论的屏幕截图。右边的是readonly，但我希望它看起来和左边的一样。

Answer 1

浏览器样式根据定义是特定于浏览器的，因此任何解决方案都是特定于浏览器的。您需要研究浏览器默认设置（来自文档或通过实验），并为不同的浏览器提供不同的样式。很多工作，我不太明白潜在的好处是什么。消除正常字段和禁用字段之间的区别通常对可用性不利。

您可以将正常和禁用字段的样式显式设置为相同，但您不会获得浏览器默认值。