Placeholders solitarios

A los placeholders les gusta estar solos. Al menos, en los archivos CSS. Esto:


#people-finder textarea::-webkit-input-placeholder,
#people-finder textarea:-moz-placeholder,
#people-finder textarea:-ms-input-placeholder {
 font-weight: 650;
 color: #ccc;
 font: 12px/1.33em 'Droid Sans', Arial,sans-serif;
}

No funciona bien en Chrome. En cambio esto si:


#people-finder textarea::-webkit-input-placeholder {
 font-weight: 650;
 color: #ccc;
 font: 12px/1.33em 'Droid Sans', Arial,sans-serif;
}
#people-finder textarea:-moz-placeholder {
 font-weight: 650;
 color: #ccc;
 font: 12px/1.33em 'Droid Sans', Arial,sans-serif;
}
#people-finder textarea:-ms-input-placeholder {
 font-weight: 650;
 color: #ccc;
 font: 12px/1.33em 'Droid Sans', Arial,sans-serif;
}

UPDATE:

Acá está el por qué.
User agents are required to ignore a rule with an unknown selector. See Selectors Level 3:

group of selectors containing an invalid selector is invalid.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s