distinguir css en los distintos campos para formulario

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>

5 Comments

Leave a Comment

  1. hormiga says:

    Ese lo descubrí hace un tiempo y no leí eso de que solo servía para firefox, con lo cual pa cuando me dí cuenta ya tenía todo maquetado y fue una pequeña gran putada…
    puto ejplorer!!!

  2. tatuin says: (Author)

    eso te pasa por confiar en mocosoft!!! lo primero que hay que hacer es comprobar que funcione bien en IE6

    paqueteeeeeeeeeee

  3. dulcinea says:

    pues morcillita a mi también me putea con algunos códigos html… como con el del texto que sigue al ratón… ¿¿sabes cómo hacer que funcione en los dos navegadores??

  4. Beuka says:

    hola todos,

    He probado con lo que facilitais en la web
    input[submit]

    Pero a mi no me funcionaba ni en mozilla ni en ie6 ni ie7, asi que luego probé
    input[type=”submit”]
    y de esta forma te lo cogen los tres navegadores mozilla ie7 ie6

    Espero sea de ayuda 😉

  5. tatuin says: (Author)

    Gracias por tu aportación, de todas formas, en IE6 no me coge bien ese estilo… una vez más seguimos dependiendo de lo mismo… A ver cuando obligan a todo el mundo a abandonar el Explorer 6.

Comments are now closed for this article.