删除浏览器只读样式

Question

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

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

有没有办法只删除浏览器readonly样式？

这是我正在谈论的截图。右边的那个是readonly，但我希望它看起来与左边的那个相同。

Answer 1

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

您可以明确地将样式设置为普通字段和禁用字段，但是您不会获得浏览器默认值。