¿Puedo diferenciar CSS en los diferentes tipos de entrada?

Question

tipo de entrada = texto/radio/casilla de verificación - ¿puedo tratarlos de manera diferente en mi CSS?

Aparte añadiendo class= quiero decir

Answer 1

SÍ!

Con una cosa que se llama impresionante selectores de atributos:

input[type="text"] { width: 200px; } 

que acaba de cambiar text allí y ya está bueno para ir!

Pero tenga en cuenta que estos no funcionan en IE6, por lo que es posible que desee echar un vistazo a la dean.edwards.name IE7.js :)

Answer 2

nunca he visto este hecho (y he probado personalmente). Creo que tendrías que ejecutar JavaScript/jQuery en el renderizado de la publicación de la página para manipular las clases de objetos en función de los atributos del elemento.

Answer 3

Puede usar input[type=text] para hacerlo. Sin embargo, es posible que los navegadores antiguos no lo admitan.

Answer 4

Sí se puede

por ejemplo

input[type="text"]{ 
/*do something*/ 
} 

y más

input[type="text"] { 
font:bold 10px/12px verdana,arial,serif; 
padding:3px; 
} 
input[type="button"],input[type="submit"] { 
/* you know what to do */ 
} 

Answer 5

Puede utilizar el selector de atributos, como este

input[type=text] { ... } 

Sin embargo, esto no es compatible en todos los navegadores. Su apuesta más segura es utilizar una clase

Answer 6

que puede hacer de entrada [type = "text"]

Answer 7

Puede utilizar

input[type="What ever the type you want to style specifically"]