以html格式输入文本边框

时间:2012-03-21 09:34:10

标签: html css

我希望在输入文本字段周围以html格式显示红色边框。但是使用css

input { border: 1px solid #d66 }

还在我的按钮周围放置了一个红色边框(我不想要)。

input.button,input.submit或input.text以及{}内的任何内容都没有做任何事情。

如何仅更改文本输入周围的边框,如何仅更改提交按钮中的字体?我正在使用IE9。

谢谢!

2 个答案:

答案 0 :(得分:15)

要定位文本框,请使用

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

还有更多可用的属性选择器。

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

答案 1 :(得分:4)

您需要的是属性选择器:

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

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

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

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

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