(2ª vez que escribo éste post hoy)

Continúo escribiendo trucos de CSS2, hoy tocan los input.

Si habeis trabajado con CSS sabreis que para hacer referencia a todas las apariciones de una etiqueta, se escribe algo así:

input
{
border: 1px #D1D0D0 solid;
color: #646464;
font: 14pt Microsoft Sans Serif, Sans Serif, Bitstream Vera Sans;
padding: 2px 2px 2px 2px;
width: 200px;
}

Sin embargo, igual habeis tenido el problema, como yo, de que no todos los inputs de vuestra página deben tener el mismo estilo. Aquí un claro ejemplo:



Descubrí el otro día que se puede hacer referencia mediante las CSS2 a un tipo específico de input con una sintaxis así: input[type="tipo"]

Donde tipo = { submit | button | image | text | radio | checkbox | password }

Pudiendo ser uno cualquiera de los anteriores valores :D, a mí esto me ha facilitado bastante la vida, espero que os sea de utilidad.

Update: Ésto solo funciona, de momento con navegadores sensatos que respeten el estándar de CSS2. Ésto no funciona con Internet Explorer. (para variar)