Existe alguma forma de aplicar diferentes estilos para navegadores diversos?

CSS

25/10/2017

Oi gente, estou precisando de uma ajuda aqui da galera.

Tem algumas situações em que o meu css é aplicado corretamente no chrome mas não no edge. Tive problemas em alguns casos até com o mozilla.

Eu queria saber se tem alguma forma de aplicar estilos diferenciados para os navegadores.

Por exemplo, esse estilo só quero que seja aplicado caso o navegador seja o mozilla. Esse outro quero que seja no chrome, etc.

Existe algum jeito de resolver isso só com css?
Larissa Aguiar

Larissa Aguiar

Curtidas 0

Melhor post

Felipe Morais

Felipe Morais

25/10/2017

Bom dia, Larissa

Sim, isto é possível. Não é de hoje que a disparidade de renderização dos navegadores requer adequação da folha de estilos. Você pode fazer arquivos CSS distintos para os navegadores e usá-los conforme o usuário selecione o navegador desejado. A solução não é a mais elegante, mas pode ser uma solução para seu caso:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="includes/myIEGeneralStyle.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="includes/myIE6Style.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="includes/myIE7Style.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="includes/myIE8Style.css" />
<![endif]-->


Neste link você pode ver tratamentos específicos para o Internet Explorer.

No caso do Firefox este link faz tratamentos específicos quando o usuário estiver usando o FF.

Espero ter ajudado, abraços!
GOSTEI 1
POSTAR