如何在Vaadin中添加CSS内联？

Question

是否可以通过编程方式添加内联CSS代码？

就像，我已经定义了一个像这样的CSS分隔符：

.hr{
    border-top: 1px solid black;
    padding-bottom: 10px;
}

现在我有时想要用不同颜色或不同尺寸。 我是否需要创建更多.hr-black，.hr-blue css样式并按.addStyleName()单独应用它们？或者我可以以某种方式以编程方式设置颜色？

Answer 1

不，您只能使用component.addStyleName()更改特定组件的CSS，但您可以动态使用它，如下所示：

if (condition)
   component.addStyleName("black");
else
   component.addStyleName("blue")