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

时间:2018-01-05 05:39:43

标签: css firefox dojo accessibility

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

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

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

我尝试使用background-image作为textbox div,尝试使用color属性来改变颜色

要了解我的意思,你可以从dojo网站运行一个文本框示例,与此形成鲜明对比 -

Firefox - >偏好 - >颜色 - >背景黑色 - >文字颜色黄色 - >始终覆盖

打开此示例并运行 -

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

1 个答案:

答案 0 :(得分:1)

首先,我认为您不必担心覆盖用户浏览器首选项。但作为一个快速回答你有没有试过“外观”CSS属性?这可能有用。

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

-moz-appearance: none;

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

如果可行,您可以继续设置样式,使其看起来像您希望的样子。