Hack CSS para funcionar somente no Internet Edge

Em outros navegadores está com o alinhamento correto, porém fui efetuar o teste no internet explorer do windows 10 e está com uma quebra no layout, estou tentando utilizar o hack abaixo, porém não quer funcionar.

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

_: - ms-lang (x), #AbasCheckup ul > li > a {padding: 5px 26px 5px 26px; }

Answer

Onde vc escreveu

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

Deveria estar com o colado no ms- dessa forma:

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

Para usar o CSS conforme na sua pergunta e funcionar tem que ser dessa forma: (no Edge 15 funcionou sem problemas)

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

Outra forma que testei e também funciona do Edge 12 para cima, pelo menos até o 15 sei que funciona!:

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

Aqui tem mais uma listá com várias opções para o Edge: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/

Attribution
Source : Link , Question Author : Fernando , Answer Author : hugocsl

Posts created 484712

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top