在HTML表单中文本输入框周围的边框

7
我想在HTML表单中的输入文本框周围使用红色边框,但是要使用CSS。
input { border: 1px solid #d66 }

我的按钮被添加了一个红色边框(我不想要)。

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

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

谢谢!

2个回答

15

4
你需要的是属性选择器:
input[type="text"] { border: 1px solid #d66 }

这个选择器可以选中"type"属性为"text"的输入框。

你也可以使用其他属性选择器来选中其他元素:

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

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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接