How to target Microsoft Edge with CSS?

CssBrowser DetectionMicrosoft Edge

Css Problem Overview

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?

Css Solutions

Solution 1 - Css

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.

Categories
Recommended Css Solutions
Recommended Browser Detection Solutions
Recommended Microsoft Edge Solutions

Previous Solution:

How can I improve performance via a high-level approach when implementing long equations in C++

C++PerformanceOptimizationFloating PointG++

Next Solution:

Spring Data Rest - Sort by multiple properties

SpringSpring DataSpring Data-JpaSpring Data-Rest

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionmaxhungryView Question on Stackoverflow
Solution 1 - CssRaptorView Answer on Stackoverflow