borde alrededor de la entrada de texto en un formulario html

Question

Quiero un borde rojo alrededor de mis campos de texto de entrada en un formulario html. Pero el uso de CSS

input { border: 1px solid #d66 } 

también pone un borde rojo alrededor de mis botones (que no quiero).

input.button, input.submit y la talla y cualquier cosa dentro {} no hace nada.

¿Cómo cambio el borde alrededor de una entrada de texto solamente y cómo cambio la fuente solo en el botón de envío? Estoy usando IE9.

Gracias!

Answer 1

Para hacer referencia a los cuadros de texto, utilice

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

Hay muchos más selectores de atributos disponibles.

Tenga una mirada en http://css-tricks.com/attribute-selectors/

Answer 2

Lo que necesita es un selector de atributos:

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

Esta selecciona la entrada del tipo "texto".

También puede utilizar otros selectores de atributos para seleccionar otros elementos:

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

Pero también tenga en cuenta que estos selectores no son compatibles con Internet Explorer 7 e inferior.