Use pseudo-elementos em elementos substituídos

Se você quiser usar o :afterou :beforenos elementos substituídos (por exemplo, imgou input), você pode usar o seguinte hack :

Ative o pseudo elemento para o imgcom uma contentpropriedade vazia no imgpróprio:

img {
content
: '';
}

Adicione o pseudo elemento ao img:

img:after {
content
: 'Pseudo Content, Yeah';
}

Exemplo

Suporte de navegador

  • Chrome 10+
  • Firefox 11+
  • Opera 9.8+
  • Safári

Leitura adicional