jquery - 防止表单验证 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;
}