以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 }

这将选择“text”类型的输入。

您还可以使用其他属性选择器来选择其他元素：

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

但请注意，IE7及更低版本不支持这些选择器。