css - 辅助功能 : Prevent browser from overriding CSS in input fields

Question

浏览器有其辅助功能选项。例如。我可以使用 firefox 将背景颜色设置为黑色，将文本颜色设置为黄色以获得高可访问性。完成此操作后，网站的某些区域将无法正常运行。在我的例子中，所有输入字段的背景和文本颜色都是黑色。

我可以检测浏览器是否覆盖了我的颜色。但我似乎无法控制如何纠正这些问题。如果我编写新的 CSS 规则，它总是会被忽略。

我正在使用 DOJO，并且为我的输入文本框定义了正确的 aria。

我试过为文本框 div 使用背景图像，尝试使用 color 属性来改变颜色

要了解我的意思，您可以从此处以高对比度运行 dojo 网站的文本框示例 -

Firefox --> 首选项 --> 颜色 --> 背景黑色 --> 文本颜色黄色 --> 始终覆盖

打开这个例子并运行-

https://dojotoolkit.org/reference-guide/1.10/dijit/form/TextBox.html

Answer 1

因此，首先我认为您无需担心覆盖用户浏览器首选项的问题。但作为快速回答，您是否尝试过“外观”CSS 属性？这可能有效。

更具体地说是 -moz-appearance 属性。

-moz-appearance: none;

https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance

如果可行，您可以继续设置样式，使其看起来像您想要的样子。