是否可以在Vaadin 8

Question

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

我的口气如下：

公共类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”的这些定义。他们都没有工作：

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

主要问题还在于如何在不同布局的Vaadin中设置自定义组件的标题？ 任何解决方案？

Answer 1

我想出来了。 我用过：

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

如果您使用的是Vaadin add-one，请不要忘记使用remvoe缓存并构建应用程序。