我的网络应用程序的风格大部分针对可以操作鼠标的用户。一些可聚焦元素在聚焦(点击)时看起来不那么好,所以这些元素有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;
}
}
我将如何在其他浏览器中实现此功能,并在其他操作系统上支持?
也许我们可以为用户提供网站不同主题的选项,但我希望根据用户在操作系统中的设置自动完成此操作。