"input": aplicar estilos segun tipo

[haron]

hola a todos.

seria posible crear clases que aplicasen estilos diferentes segun el tipo de "input"?

por ejemplo, tendria varias clases:

Código:

input:text {
  // estilo que solo se aplica a elementos de tipo "texto"
}

input:button {
  // estilo que solo se aplica a elementos de tipo "botón"
}

etc...

[SiR.CARAJ0DIDA]

si pero no funciona en IE

INPUT[type="button"] {
//estilos
}
INPUT[type="text"] {
//estilos
}

[programeitor]

function EstiloPorTipo(marca,tipo,estilo){//programeitor
var e=estilo.split(',');
var m=document.getElementsByTagName(marca);
for(var n=0;n<m.length;n++){
if(m[n].type==tipo){
for(var i=0;i<e.length;i+=2){
m[n].style[e[i]]=e[i+1];
}
}
}
}


EstiloPorTipo('input','radio','background,green,width,50px,height,50px')

[rin]

En css, para aplicar estilos diferentes a "input", seria algo así:
en html:
<input class="name" type="text" size="30" name="tal" />
si es un botón:
<input class="otronombre" type="submit" value="enviar" />
y en css tendrías que poner para cada clase su estilo:
<style type="text/css">
input.name { background-color: #000000; color: #ffffff; border: solid 1px #ffffff; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }
input.otronombre { background-color: #000000; border: solid 1px #ffffff; }
</style>
input.name es la casilla donde entran (en este ejemplo) texto, por eso si querés que el texto que ingresen tenga una fuente, un tamaño y un color en particular, tenés que especificarlo en la misma declaración donde estipulás el estilo de input. De ahí el font-family, color, font-size...etc,.
input.otronombre es el botón, el mismo caso que input.nombre.
Espero que te sirva, si preguntabas por otra cosa... perdóóónnn!!
Saludos