Hack CSS to work only on Internet Edge

1

In other browsers it has the correct alignment, but I tried the test in internet explorer of windows 10 and there is a break in the layout, I'm trying to use the hack below, but it does not want to work.

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

_: - ms-lang (x), #AbasCheckup ul > li > a {padding: 5px 26px 5px 26px; }
    
asked by anonymous 17.01.2018 / 14:13

1 answer

1

Where did you write

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

You should have - pasted to ms - like this:

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

To use CSS in your question and work it has to be this way: (in Edge 15 it worked without problems)

<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 upwards, at least until the 15th I know it works!:

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

Here's another list with several options for Edge: link

    
17.01.2018 / 14:53