如何在CSS中为JavaFX场景生成器节点和类设置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参考指南，了解有关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;
}

Answer 2

使用场景生成器时，右侧的属性面板告诉您可以修改的选项：例如，您可以填充"文本填充"区域中的文本。然而，要实现代码，您必须添加类似这样的fx:

-fx-text-fill: #colorvalue;

其他修改器也是如此。然而，有些修饰符接受超过1个值，我不知道。也许这些格式遵循css规则，您也必须从那里开始。