html表单中文本输入的边框

html表单中文本输入的边框,html,css,Html,Css,我希望在html表单中的输入文本字段周围有一个红色边框。但是使用css input { border: 1px solid #d66 } 我的按钮周围也有一个红色边框(我不想要) input.button、input.submit或input.text以及{}内的任何内容都不起任何作用 如何仅更改文本输入周围的边框,以及如何仅更改提交按钮中的字体?我用的是IE9 谢谢 要以文本框为目标,请使用 input[type="text"] { border: 1px solid #d66 } 还有更

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

input { border: 1px solid #d66 }
我的按钮周围也有一个红色边框(我不想要)

input.button、input.submit或input.text以及{}内的任何内容都不起任何作用

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


谢谢

要以文本框为目标,请使用

input[type="text"] { border: 1px solid #d66 }
还有更多的属性选择器可用


查看一下

您需要的是一个属性选择器:

input[type="text"] { border: 1px solid #d66 }
这将选择“文本”类型的输入

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

input[type="submit"] { border: 1px solid #d66 }
input[type="checkbox"] { border: 1px solid #d66 }
但也要注意,IE7及更低版本不支持这些选择器