CSS hack para Chrome e Safari

Em alguns casos a maior parte do trabalho para um web designer ou programador é lidar com as inconsistências dos navegadores.

Às vezes não há nenhuma maneira razoável de conseguir um layout desejado em todos os principais browsers sem o uso de algumas regras excepcionais. Essas regras quando aplicadas ao CSS são conhecidas como CSS Hacks.

Uma opção para interpretar códigos CSS somente em navegadores que utilizam Webkit (Ex: Chrome e Safari).


/* Para todos os navegadores */
.classeExemplo { color: #FFF; }

/* Somente para Chrome e Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .classeExemplo { color: #000; }
}

Compartilhe:

Postado por tpastorello

Leia Mais:

9 respostas para “CSS hack para Chrome e Safari”

  1. Gilberto Bentive disse:

    Legal, eu estava procurando algo parecido essa semana.

  2. […] This post was mentioned on Twitter by Tiago Pastorello, Tiago Pastorello. Tiago Pastorello said: RT @vinteum Blackjack » CSS hack para Chrome e Safari http://retwt.me/1PAxa […]

  3. Guto Condela disse:

    O seu código salvou o meu dia. obrigado

  4. José disse:

    bom dia. dei uma olhada em seu post para arrumar o layout quando quebrar em chrome e safari.
    A questão é justamente essa: meu site roda perfeitamente bem no firefox, estou desenvolvendo outro css para o IE e suas versões, mas no caso do chrome eu realmente não sei como continuar. Quebra linha nos textos, sai do alinhamento e etc. Neste caso, nao sei se o comando abaixo funcionaria.

    “@media screen and (-webkit-min-device-pixel-ratio:0) {
    .classeExemplo { color: #000; }
    }”

    O que eu gostaria de saber é: é possível eu chamar um outro css pelo html, especialmente para o chrome e safari, como fazemos para o IE?

  5. Andeson disse:

    Muito bom, me ajudou bastante! Obrigado!

  6. Fabio disse:

    Desculpe, nao entendo muito! Estou tendo este problema. No IE le normal…no chrome não…. o que eu tenho que fazer com este código ai?

  7. Anderson disse:

    Fiz questão de passar aqui e dizer que você salvou meu trampo!! Thanks so!

  8. […] Share this article: 0 likes Related […]

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *