如何通过CSS识别Microsoft Edge浏览器？

Question

我正在开发Web应用程序,我需要将Microsoft Edge的浏览器与其他浏览器分开识别,以应用独特的样式.有没有办法通过使用CSS识别Edge？就像,

<!--[if IE 11]>
Special instructions for IE 11 here
<![endif]-->

Answer 1

这应该工作:

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}

有关更多信息,请参阅:浏览器奇怪

这个hack不再有效,但是这个hackorts(-ms-ime-align:auto){.selector {property:value; }} (8认同)
Microsoft正在努力在MS Edge中删除尽可能多的-ms前缀属性,以便与其他浏览器互操作.因此,这远远不能保证将来有效.如其他答案中所述,特征检测更加可取. (7认同)
在我的最新系统上它仍然适用于我. (4认同)

Answer 2

/* Microsoft Edge Browser 12+ (All) - one-liner method */

_:-ms-lang(x), _:-webkit-full-screen, .selector { property:value; }

这很棒!

// for instance:
_:-ms-lang(x), _:-webkit-full-screen, .headerClass 
{ 
  border: 1px solid brown;
}

Answer 3

Edge（不包括最新的IE 15）更准确：

@supports (display:-ms-grid) { ... }

@supports (-ms-ime-align:auto) { ... } 适用于所有Edge版本（当前高达IE15）。