bordo intorno al testo inserito in un modulo HTML

Question

Desidero un bordo rosso attorno ai miei campi di testo di input in un modulo html. Ma usando css

input { border: 1px solid #d66 } 

mette anche un bordo rosso attorno ai miei pulsanti (che non voglio).

input.button, input.submit o input.text e qualsiasi cosa all'interno di {} non fa nulla.

Come si modifica il bordo attorno a un solo input di testo e come si modifica il carattere solo nel pulsante di invio? Sto usando IE9.

Grazie!

Answer 1

Per indirizzare caselle di testo, utilizzare

input[type="text"] { border: 1px solid #d66 } 

ci sono molte più selettori di attributo disponibili.

Dai un'occhiata alla http://css-tricks.com/attribute-selectors/

Answer 2

Quello che vi serve è un selettore di attributo: "testo"

input[type="text"] { border: 1px solid #d66 } 

Seleziona l'ingresso di tipo

è possibile utilizzare anche altri selettori di attributo per selezionare altri elementi:

input[type="submit"] { border: 1px solid #d66 } 
input[type="checkbox"] { border: 1px solid #d66 } 

ma anche essere consapevoli del fatto che questi selettori non sono supportati da IE7 e inferiore.