How to target Microsoft Edge with CSS? [duplicate]

Question

I would like to target Edge and have flexbox behave simliar to Firefox 33 / Chrome, for more detail see this question.

Can one target Edge in CSS?

Answer 1

To target Edge (version < 79), we can check for -ms-ime-align support, Edge being the only Microsoft browser that supports this property:

@supports (-ms-ime-align: auto) {   .selector {         color: red;   } } 

Or this one-liner (that one works on Edge and all IEs also):

_:-ms-lang(x), .selector { color: red; } 

Further explanation, including variants to support specific versions of Edge, can be found in this article.

For Edge version > 78, since its rendering engine (browser engine) changed to Blink, which is the Chrome's rendering engine, it should behave like Chrome.