Javascript 删除浏览器只读样式

我试图在文本字段中禁用用户文本输入，并在输入本身上使用

readonly=“true”

属性

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

是否有任何方法可以删除浏览器

readonly

style

---

这是我说的一个截图。右边的是只读的，但我希望它看起来和左边的一样。

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

---

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

您可以手动将输入的样式设置为与非只读的样式相同。这个例子（）展示了如何定位只读的东西这很好，但是有没有办法覆盖浏览器的只读样式并用默认的输入样式替换它们呢？我试图避免在所有输入和只读项上添加样式以使它们看起来相同。只需在左侧的一个上添加七天，它们将是相同的；-）@街灯我不这么认为，所有浏览器都以不同的方式管理输入，以尝试改进UEx，实际上没有定义“默认”输入样式，只是浏览器想要做的：（老实说，从一开始这只是一个糟糕的可用性想法。浏览器以不同的方式显示禁用的控件是有原因的，人们期望一个看起来像已启用控件的控件能够被访问。改变这种情况是非常糟糕的网页设计。