css - vaadin 表单验证？

Question

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

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

现在我的问题：

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

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

谢谢

Answer 1

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