Posso differenziare i CSS sui diversi tipi di input?

Question

tipo di input = testo/radio/checkbox - posso trattarli in modo diverso nel mio CSS?

Altro che con l'aggiunta di class= intendo

Answer 1

SI!

Con un impressionante cosa chiamata selettori di attributo:

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

basta cambiare che text lì e siete pronti per partire!

Ma notare che queste non funzionano su IE6, così si potrebbe desiderare di dare un'occhiata al dean.edwards.name IE7.js :)

Answer 2

Non ho mai visto questo fatto (e ho provato personalmente). Credo che dovresti avere qualche JavaScript/jQuery eseguito sul rendering della pagina per manipolare le classi di oggetti in base agli attributi degli elementi.

Answer 3

Per fare ciò è possibile utilizzare input[type=text]. Tuttavia, i vecchi browser potrebbero non supportarlo.

Answer 4

Sì, è possibile

esempio

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

e più

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

È possibile utilizzare il selettore di attributo, come questo

input[type=text] { ... } 

Tuttavia, questo non è supportato in tutti i browser. La cosa più sicura è quella di utilizzare una classe

Answer 6

si può fare di input [type = "text"]

Answer 7

È possibile utilizzare

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