Existe alguma forma de aplicar diferentes estilos para navegadores diversos?
25/10/2017
0
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?
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
Curtir tópico
+ 0
Responder
Post mais votado
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:
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!
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!
Felipe Morais
Responder
Clique aqui para fazer login e interagir na Comunidade :)
