其他浏览器中的-ms-高对比度css媒体选择器

时间:2016-08-17 08:35:10

标签: html css accessibility

我的网络应用程序的风格大部分针对可以操作鼠标的用户。一些可聚焦元素在聚焦(点击)时看起来不那么好,所以这些元素有custom or no outlining。一些输入是自举输入,因此它们的焦点由引导程序决定。

当用户被视觉禁用时(并非完全失明但很难看到)我想强调重点元素。通常这些用户具有某种高对比度,这可以在IE中检测到:

@media screen and (-ms-high-contrast: active) {
  /* All high contrast styling rules */
  *:focus {
    /*outline-color: red !important;*/
    outline-width: 5px !important;
    outline-style: solid !important;
  }
}

我将如何在其他浏览器中实现此功能,并在其他操作系统上支持?

也许我们可以为用户提供网站不同主题的选项,但我希望根据用户在操作系统中的设置自动完成此操作。

0 个答案:

没有答案