Css 瓦丁形式验证？

我有一个vaadin格式的表单，其中包含一些必需的文本字段。当我点击提交按钮时，它会验证文本字段。。 当字段无效时，它将具有红色边框

if(!field.isValid()) {
    valid = false;
    field.setStyleName("error"); 
}

现在我的问题是：

当我在文本字段中单击时，边框变回深蓝色，当我在字段外单击时，边框再次变为红色

如何确保在文本字段中单击时，边框保持红色？ 有人有主意吗

---

谢谢你

只是一个猜测，但请尝试添加！在边框颜色声明的末尾很重要，即边框颜色：红色！重要的然后，您可以使用firebug检查样式是否将保留在字段中