¿Se permite el: antes del pseudo-elemento en una entrada [tipo = casilla de verificación]?

Esta respuesta StackOverflow describe cómo diseñar casillas de verificación usando CSS3 sin requerir un<label>:

input[type=checkbox]:before {
    content:""; display:inline-block; width:12px; height:12px; background:red;
} 

Violín

Esto funciona en Chrome 22 pero no en Firefox 15 o IE 9.

Dada la falta de soporte en los dos últimos navegadores,¿Es válido el comportamiento de Chrome de acuerdo con la especificación CSS3?

Respuestas a la pregunta(2)

Su respuesta a la pregunta