我用灰色边框设置了所有文本字段的样式,对于class =“form_field_error”的字段,我希望border-color更改为红色.
我尝试了以下代码,但我不能让我的类覆盖以前定义的边框？我错过了什么？
HTML：
<input type="text" name="title" id="title" class="form_field_error">
CSS：
input[type="text"] {
display: block;
height: 15px;
font-weight: normal;
color: #777;
padding: 3px;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.form_field_error {
border: 1px solid #f00;
}
我创建了一个jsFiddle来说明问题.
解决方法
试试这个：
.form_field_error {
border: 1px solid #f00 !important;
}
