css - JavaFX 和 CSS 语法

Question

我正在试用 JavaFX 以了解它的效果，但我在它的 css 方面遇到了很多麻烦。我知道 css，但我不知道 JavaFX 如何使用它。例如，如果我想在我的页面上设置按钮样式，一些在线资源说 .button{} 一些说 .Button{} 等等。我无法获得关于如何做的一致的基本指南。我试着在这里查看指南

http://docs.oracle.com/cd/E17802_01/javafx/javafx/1.3/docs/api/javafx.scene/doc-files/cssref.html

关键是，没有我能找到的解释清楚的指南，所以有人可以帮忙吗？

Answer 1

some online resources say .button{} some say .Button{}

CSS 不区分大小写。所以我认为 .button{} 或 .Button{} 不重要。

当你写的时候:

.button{
-fx-text-fill: rgb(49, 89, 23);
-fx-border-color: rgb(49, 89, 23);
-fx-border-radius: 5;
-fx-padding: 3 6 6 6;
}

您正在覆盖样式。

下面的代码将是自定义样式:

.custom-button {
-fx-font: 16px "Serif";
-fx-padding: 10;
-fx-background-color: #CCFF99;
}

This tutorial might be helpful.他们创建了一个很好的 CSS，给出了 Metro 应用程序的外观。我建议您使用他们的并根据您的用途对其进行更改，而不是从头开始创建。

这是 JavaFX CSS Reference Guide 的 Java 8 版本.