How to Identify Microsoft Edge browser via CSS?

by

/* Microsoft Edge Browser 12-18 (All versions before Chromium) */

This one should work:

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

For more see: Browser Strangeness

More Related Contents:

  1. Hiding the scroll bar on an HTML page
  2. Browsers’ default CSS stylesheets
  3. See :hover state in Chrome Developer Tools
  4. How can I resize an image dynamically with CSS as the browser width/height changes?
  5. How can I determine what font a browser is actually using to render some text?
  6. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  7. Browser support for CSS :first-child and :last-child
  8. IE and Edge fix for object-fit: cover;
  9. When setting a font-size in CSS, what is the real height of the letters?
  10. What does @-moz-document url-prefix() do?
  11. How do browsers deal with non-integer values for height and width?
  12. How to target Microsoft Edge with CSS? [duplicate]
  13. Where do the lost pixels go in a percent CSS layout? [duplicate]
  14. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  15. How do browsers read and interpret CSS?
  16. Stretch and scale a CSS image in the background – with CSS only
  17. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  18. Is there a way to break a list into columns?
  19. How to make 3-corner-rounded triangle in CSS
  20. How can I scale an image in a CSS sprite
  21. difference between css height : 100% vs height : auto
  22. Image Greyscale with CSS & re-color on mouse-over?
  23. Right to left Text HTML input
  24. complete styles for cross browser CSS zoom
  25. How to efficiently load google fonts in Nuxt
  26. Django CSS not updating
  27. Text Stroke (-webkit-text-stroke) css Problem
  28. Full background image with fade effect
  29. CSS transition between left -> right and top -> bottom positions
  30. does a background-attachment of fixed work in iOS5?

Leave a Comment