防止表單驗證突出顯示文本框的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; 
}