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

Question

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

我的课程如下：

public class 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" 尝试了这些定义。 None 个有效：

.bold-caption { font-weight：更大胆！重要； }
.bold-caption.v-caption{ font-weight：更大胆！重要； }
.bold-caption.v-caption.v-caption文本{ font-weight：更大胆！重要； }
.bold-caption { .v-caption{ font-weight：更大胆！重要； } }

主要问题也是如何在不同布局内的 Vaadin 中设置自定义组件标题的样式？有什么解决办法吗？

Answer 1

我想通了。我用过：

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

如果您使用的是 Vaadin 插件，请不要忘记删除缓存并构建应用程序。

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

Is it possible to change the style of CustomComponent caption in Vaadin 8

css

java

vaadin

vaadin8