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

问题描述 投票:0回答:1

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

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

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

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

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

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

打开此示例并运行 -

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

css firefox dojo accessibility
1个回答
1
投票

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

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

-moz-appearance: none;

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

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

© www.soinside.com 2019 - 2024. All rights reserved.