All posts in Internet

Hay un tema que siempre me ha mosqueado y es que para los CSS todos los campos se trataban por igual ya fueran checkbox, campos de texto, botones,… etc.

hasta ahora lo que hacía era definir clases para los distintos campos y asignarlas en cada elemento del HTML.

hoy he encontrado unos criterios que sirven para distinguir los distintos elementos input y poder así asignarles distintos estilos sin necesitar definir una clase para ello.

La pena es que en las pruebas que he realizado hasta el momento estas reglas funcionan unicamente en firefox.

Estilos

<style type="text/css">
input[text] { background-color:#EE0000; }
input[submit] { background-color:#DD0000; }
input[submit] { background-color:#CC0000; }
input[checkbox] { border:2px solid #EE0000; }
input[password] { font-size:18px; width:400px; }
</style>

HTML

<style type="text/css">
<input type="text" value="campo de texto" />
<input type="submit" value="botón de envío" />
<input type="button" value="botón simple" />
<input type="checkbox" />
<input type="password" value="clave" />
</style>