Internet Explorer 10 及更高版本中的高对比度模式

Created: November-22, 2018

在 Internet Explorer 10+和 Edge 中，Microsoft 提供 -ms-high-contrast 媒体选择器以从浏览器中显示高对比度设置，这允许程序员相应地调整其站点的样式。

-ms-high-contrast 选择器有 3 种状态：active，black-on-white 和 white-on-black。在 IE10 +中它也有一个 none 状态，但 Edge 不再支持它。

例子

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: black-on-white) {
   .header{
      background: #fff;
      color: #000;
   }
}

当高对比度模式处于活动状态且处于 black-on-white 模式时，这会将标题背景更改为白色并将文本颜色更改为黑色。

@media screen and (-ms-high-contrast: white-on-black) {
   .header{
      background: #000;
      color: #fff;
   }
}

与第一个示例类似，但这只是专门选择 white-on-black 状态，并将标题颜色反转为带有白色文本的黑色背景。