我希望在输入文本字段周围以html格式显示红色边框。但是使用css
input { border: 1px solid #d66 }
还在我的按钮周围放置了一个红色边框(我不想要)。
input.button,input.submit或input.text以及{}内的任何内容都没有做任何事情。
如何仅更改文本输入周围的边框,如何仅更改提交按钮中的字体?我正在使用IE9。
谢谢!
答案 0 :(得分:15)
要定位文本框,请使用
input[type="text"] { border: 1px solid #d66 }
还有更多可用的属性选择器。
答案 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及更低版本不支持这些选择器。