是否有可能在Vaadin中更改CustomComponent标题的样式8

Question

我在Vaadin的VerticalLayout中使用CustomComponent。我想将标题样式改为粗体但不起作用。

我CALSS如下：

公共类MYTAB扩展CustomComponent实现UpdatableComponent {

public MyTab() { 

     HorizontalSplitPanel panel = new HorizontalSplitPanel(); 
     panel.setSplitPosition(218, Unit.PIXELS); 
     panel.setFirstComponent(createFirstPanelComponent()); 
     panel.setSecondComponent(createSecondPanelComponent()); 
     panel.setLocked(true); 
     panel.addStyleName("has_border"); 
     setCaption("This is my title"); 
     addStyleName("padding-bottom-10px"); 
     addStyleName("bold-caption"); 
     } 
     setSizeFull(); 
     setCompositionRoot(panel); 
    } 

} 

我已经尽了SCSS文件中的 “粗体标题” 这些定义。他们都没有工作过：

• .bold-caption font-weight：bolder！important; }
• .bold-caption.v-caption {font-weight：bold; important; }
• .bold-caption.v-caption.v-captiontext font-weight：bold！important; }
• .bold-caption {.v-caption {font-weight：bold; important; }}

主要问题是如何在不同的布局内Vaadin中自定义组件的标题样式？ 任何解决方案？

Answer 1

我明白了这一点。 我用：

.v-caption.bold-caption { 
    font-weight: bolder !important; 
    } 

不要忘记remvoe缓存，如果你正在使用Vaadin插件者构建应用程序。