css - vaadin 表单验证？

Question

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

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

现在我的问题:

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

如何确保当您在文本字段中单击时，边框保持红色？有人有想法吗？

谢谢

Answer 1

只是一个猜测，但尝试在边框颜色声明的末尾添加 !important，即。 边框颜色:红色!重要；。然后，您可以使用 firebug 检查该样式是否会保留在该字段中。