以html格式输入文本的边框

Question

我想在html表单中的输入文本字段周围有一个红色边框。但用css

input { border: 1px solid #d66 } 

还提出一个红色边框我的按钮（这是我不希望）。

input.button，input.submit或input.text和{}内的任何内容都不会执行任何操作。

如何更改仅限文本输入的边框，以及如何仅更改提交按钮中的字体？我正在使用IE9。

谢谢！

Answer 1

要定位文本框，使用

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

有提供了更多的属性选择。

看一看http://css-tricks.com/attribute-selectors/

Answer 2

你需要的是一个属性选择：

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

这将选择类型输入“文本”。

您也可以使用其他的属性选择来选择其他元素：

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

但也知道，这些选择不会被IE7和更低的支持。