Forçando alteração de CSS em linha

Às vezes, incorporamos em nosso site alguns iframes ou javascripts para agregar funcionalidades. O problema é quando eles vêm com um estilo que difere muito do seu site. Exemplo:

<p>Este é um exemplo de CSS em linha. <strong style="color: red;">Isto está em vermelho</strong>.</p>

Para sobrepor estas configurações, você deve adicionar à sua folha de estilos o seguinte:

seletor[style] { propriedade: valor!important; }

No nosso exemplo, para alteramos a cor do seletor strong para azul:

strong[style] { color: blue !important; }

O truque parece funcionar na maioria dos navegadores:

  • Internet Explorer 8.0
  • Mozilla Firefox 2 and 3
  • Opera 9
  • Apple Safari, and
  • Google Chrome

Já o IE é outra história…

Deixe um comentário