HTML5: Editar el css de Placeholder
Hace poco fui a una conferéncia sobre HTML5 en la que se explicaban los cambios, las novedades y la actitud de los pesos pesados en estos temas. La parte que me pareció más interesante fue la de formularios.
Una de las cosas que explicaron fué el uso de placeholder, un atributo para los campos de texto que lo que hace es mostrar un texto cuando el input no tiene valor, pero ese texto no representa ningún valor y es sólo para ayudar al usuario. Por si no me explico, una captura:
Por defecto el placeholder tiene un color, que indica el navegador y suele ser gris. En cuanto al grosor, espaciado, color, etc, asumirá que usa el mismo que el texto normal (sea o no definido en css). Si se quieren cambiar estos estilos se puede utilizar este pequeño snippet que he encontrado por ahí.
[bs_notification type=»warning» dismissible=»false»]No lo he probado con diferentes navegadores. Pero en la fuente se indica que es compatible con Webkit (Chrome y Safari) y con Firefox (a partir de la versión 4).[/bs_notification]
input::-webkit-input-placeholder {
color: #c00;
font-weight: bold;
}
input::-moz-placeholder {
color: #c00;
font-weight: bold;
}
Y el formulario quedaría así:
A ver si me acuerdo más adelante y escribo algo sobre los type range.