辅助功能：防止浏览器覆盖输入字段中的 CSS

Question

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

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

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

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

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

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

打开这个例子然后运行-

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

Answer 1

所以首先我认为您不必担心覆盖用户浏览器首选项。但作为快速回答，您是否尝试过 "appearance" CSS 属性？这可能有用。

更具体地说，-moz-外观 属性。

-moz-appearance: none;

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

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