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.