可访问性：防止浏览器覆盖输入字段中的 CSS答案

【问题标题】：Accessibility : Prevent browser from overriding CSS in input fields可访问性：防止浏览器覆盖输入字段中的 CSS
【发布时间】：2018-01-05 05:39:42
【问题描述】：

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

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

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

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

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

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

打开这个例子并运行 -

【问题讨论】：

【解决方案1】：

首先，我认为您不必担心覆盖用户浏览器首选项。但是作为一个快速的答案，您是否尝试过“外观”CSS 属性？这可能行得通。

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

-moz-appearance: none;

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

【讨论】：

谢谢克雷格！ -moz 外观：无；没有任何效果。但是 -moz-apperance 说“列表框”适用于我的组合框，而“收音机”可以纠正我的单选按钮的外观。这是很大的帮助。
哦，太好了！很高兴我能帮忙:)。