Css不适用于自定义fxml组件

Question

我使用以下CSS来更改放置在自定义JavaFX AnchorPane上的某些组件的字体，定义为fx:root。但font-size仍然是默认值。

* {
    -fx-font-family : Arial;
}
.label, .textField, .textfield,  .checkBox, .text{
    -fx-font-size: 18;
}

我知道我应该使用所有内部组件的ID来更改它们，但这不是一个好主意，因为它会导致冗余代码。

然后我将它应用于主要的样式类，它将起作用。但令人遗憾的是，*无法覆盖。 （我在整个应用程序的全局css类中定义了*选择器。

Answer 1

尝试使用.root代替*。

对于字体大小，您的某些类名称是错误的。尝试

.label, .text-field, .check-box, .text {
    -fx-font-size: 18pt ;
}

样式类是CSS Reference Guide

中的文档

请注意Text个节点有空样式类，因此您需要为文本节点显式设置样式类。