java - 如何在 CSS 中为 JavaFX Scene Builder 节点和类设计 JFoenix 风格？

Question

我正在尝试将自定义值添加到 CSS 样式表中的 JFXButton 属性类，但我无法使这些工作正常:

.eliminarBtn {
    -fx-background-color: #eb490f; //This work
    -fx-font-color: WHITE; //This doesn't work
    -fx-font-weight: bold; //This doesn't work. Edit: had to refresh(works) 
    -fx-font-size: 20px; //this work
    -fx-background-radius: 8px; //This work
}

在本例中，我知道它的一些值，因为场景生成器有一个下拉菜单可供选择，然后我可以在样式表中将其键入。其他人我尝试使用 HTML 标准与 -fx- 并希望让它运行，但它没有。那么如何为按钮文本添加粗细和颜色呢？顺便说一句，我也可以为我需要的任何按钮节点设置 CSS 类。

此外，如果您有 JavaFX 样式和/或 JFoenix 组件的指南，请向我添加链接。谢谢。

Answer 1

您可以查看 JavaFX CSS Reference Guide有关 JavaFX 组件的样式类及其默认值的更多信息。

JFXButton 扩展了 JavaFX 的 Button，它似乎只添加了一个额外的 CSS 属性，即 -jfx-button-type，这两种可能值为FLAT(默认)和RAISED。回答您的问题，您可以使用以下 CSS 更改 JFXButton 文本的颜色和粗细:

.button {
    -fx-text-fill: WHITE;
    -fx-font-weight: BOLD;
}

可以在 CSS 中创建凸起的 JFXButton，如下所示:

JFXButton raisedButton = new JFXButton("RAISED BUTTON");
button.getStyleClass().add("button-raised");

.button-raised {
    -jfx-button-type: RAISED;
    -fx-background-color: TURQUOISE;
    -fx-text-fill: WHITE;
    -fx-font-weight: BOLD;
}