如何在高对比度模式下设置边框颜色？

Question

我正在处理的网站具有辅助功能切换功能。当高对比度模式打开时，它会为按钮，链接和输入元素添加各种轮廓和/或边框。目前他们的颜色（边框和轮廓）设置为#000，但它不重要 - 它们总是显示为黑色。

我在Mac上通过核对Preferences -> Content -> Colors -> Allow pages to choose their own colors, instead of my selections above复选框在Firefox中对此进行测试。

当Background选项设置为白色时看起来很好。但是一旦它被设置为黑色，我看不到边界，因为它们也是黑色的。

那么 - 如何检测亮/暗高对比度主题（-ms-high-contrast对我不利）和/或如何在背景为黑色时设置白色边框？

Answer 1

您所描述的是特定于浏览器的设置（允许用户覆盖网站的样式表）。您无法检测或覆盖这些设置（这是他们的意思 - 让用户控制外观）。快照中的复选框表示＆＃34;允许页面选择自己的颜色，而不是我上面的选择＆＃34; - 如果未经检查，则您不再受控制。它不在你的管辖范围内，可以这么说。

Answer 2

设置border: 1px solid transparent;