未应用CSS验证类

Question

我这样做是为了在输入字段周围设置边框：

input[type=text], input[type=password], textarea { border: 1px solid #9BAF31;}

我有客户端验证，在发生错误时添加此类：

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

但只设置了背景。边框仍然是原始颜色。如何使用验证颜色设置它？

Answer 1

您需要将要应用的规则至少应用为现有规则的specific。

Answer 2

你试过吗

input[type=text].input-validation-error ,input[type=password].input-validation-error, textarea.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

Answer 3

您可以尝试在“input [type = text]，input [type = password]，textarea”上方添加.input-validation-error。另外，当你检查元素时，FireBug会说些什么？