Obramowanie wokół wprowadzania tekstu w formularzu HTML

Question

Chcę czerwoną obwódkę wokół pól wejściowych tekst w formie html. Ale użycie css

input { border: 1px solid #d66 } 

ma także czerwoną obwódkę wokół moich przycisków (czego nie chcę).

input.button, input.submit lub input.text i wszystko wewnątrz {} nic nie robi.

Jak zmienić ramkę tylko wokół wprowadzania tekstu i jak zmienić czcionkę tylko w przycisku przesyłania? Używam IE9.

Dzięki!

Answer 1

Aby kierować otaczaniem, użyj

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

Istnieje wiele więcej selektorów atrybutów dostępne.

Wystarczy popatrzeć na http://css-tricks.com/attribute-selectors/

Answer 2

Co trzeba to selektor atrybutu „tekst”

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

Wybiera wejście typu

Można również korzystać z innych selektorów atrybutów, aby wybrać inne elementy:

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

Ale także mieć świadomość, że te przełączniki nie są obsługiwane przez IE7 i niższe.