Hack CSS to work only on Internet Edge

Asked

Viewed 1,155 times

1

In other browsers is with the correct alignment, but I went to test in internet explorer windows 10 and is with a break in the layout, I’m trying to use the hack below, but does not want to work.

/* Internet Explorer 10+, Microsoft Edge Browser */

_: - ms-lang (x), #AbasCheckup ul > li > a {padding: 5px 26px 5px 26px; }
  • Fernando edited my answer with two CSS formatting options, both worked for me on Windows10 and Edge 15.

1 answer

1


Where you wrote

_: - ms-lang (x), ...

Should be with the - glued to the ms- thus:

_: -ms-lang (x), ...

To use CSS as per your question and work has to be this way: (Edge 15 worked smoothly)

<style>
_:-ms-lang(x), _:-webkit-full-screen, #AbasCheckup ul > li > a {padding: 5px 26px 5px 26px; }
</style>

Another way I tested and also works from Edge 12 up, at least until the 15 know it works!:

<style>
@supports (-ms-ime-align:auto) {
    #AbasCheckup ul > li > a { padding: 5px 26px 5px 26px; } 
}
</style>

Here’s another list of options for Edge: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/

  • Forgive the delay in answering, thank you very much for the answers I used this: @Supports (-ms-ime-align:auto) { e it all worked right!

  • @Fernando I’m glad it worked out! If my reply helped you in any way consider marking the Reply with "Accept" ✔

Browser other questions tagged

You are not signed in. Login or sign up in order to post.