防止表單驗證CSS .error突出顯示文本框

Question

我使用的是表單驗證JQuery插件，除了一件特殊的事情，我的所有工作都很好。

我在CSS中使用錯誤類來樣式化錯誤文本的外觀，如下所示：

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

但是，每當出現錯誤（未填寫必填字段）時，inputbox也會受到上面顯示的CSS樣式的影響。 如何防止上面顯示的CSS樣式影響與錯誤相關的輸入字段，而僅將樣式應用於錯誤文本？

提前致謝。

Answer 1

試試這個CSS：

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