格式化错误指示符

Question

我需要根据textfields stylename格式化errrorindicator。我找不到任何css规则，它取决于文本字段e的样式名称采用v-errorindicator样式。克。

.my-stylename-for-textfield .v-errorindicator {
    style: xxx;
}

有人知道可行性吗？

祝你好运 哈德

Answer 1

您无法根据文本字段样式设置errorindicator的样式，您可以根据整体主题名称设置样式。

我的意思是，Vaadin将生成一个特定于您的主题名称的CSS文件，您可以在主UI中指定：

@Theme("mytheme")
public class MyVaadinUI extends UI {
//....

并生成如下所示的CSS：

.mytheme .v-textfield { 
text-align: left;
 }

因此，您需要设置errorindicator的样式，指定主题的名称和CSS层次结构，在您的情况下，它位于文本字段下：

.mytheme .v-textfield .v-errorindicator {
color: blue;
}

如果您需要有关如何使用Vaadin主题的更多信息，请查看Vaadin书籍中的Theme chapter。