MS Edge 14+ CSS帮助程序不起作用

Question

我想更改特定于MS Edge的CSS。我尝试了本网站（browser strangeness）中介绍的一些方法，但它不起作用。

请在codepen中查看我的示例。

html

<div class='test'>ahahaha</div>

CSS

.test {
 color : blue;
 }

  /* MS Edge */
@supports (-ms-ime-align:auto)
and (not (-ms-accelerator:true))
and (not (-webkit-text-stroke:initial)) {
.test { color : red; } }

/* IE 10+ */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
  { .test { color : red;  }  }

由于我是Mac用户，我使用browserstack扩展来检查IE和Edge。使用上面的代码，IE工作正常，但Edge没有。

无论如何在CSS中指定Edge？

感谢。