防止表单验证CSS .error突出显示文本框

Question

我正在使用表单验证JQuery插件，除了一件特别的东西外，我的一切工作都很顺利。

我正在使用CSS中的错误类来设置错误文本的样式：

.error {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.7em;
    color: #2d0004;
    background-color: #ff0;
}

但是，每当我收到错误（必填字段未填充）时，输入框也会受到上面显示的CSS样式的影响。如何防止上面显示的CSS样式影响与错误关联的输入字段，并仅将样式应用于错误文本？

提前致谢。

Answer 1

试试这个CSS：

.error:not(input) {
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.7em;
    color: #2d0004;
    background-color: #ff0;
}