css - 设置常规 javafx 按钮和文本字段的样式？

Question

我正在使用Time-4j-ui库，不知何故它包括一个内置的按钮和一个丑陋的文本框，破坏了我所有的设计，

在我的项目中，我使用的是Jfoenix 材料设计组件，而这个内置的用户界面完全破坏了我的设计，这是一个视图

我想知道是否有一种方法或某种技巧可以将此日期选择器设置为 JFXDatePicker，您可以在下面看到 JFXDatePicker：

但是我设法用 访问了这个视图组（这是文本框）的第一个孩子picker.getChildren().get(0);，但我不知道是否有办法设置文本框的样式或什么？

提前致谢

Answer 1

您可以使用 CSS 设置元素样式：简单的方法是直接使用它，如下所示：

Node node = picker.getChildren().get(0);
node.setStyle("-fx-border-color: #000;-fx-border-width: 2px;");

或者您可以指定一个外部 css 文件并使用它，这样：

Node node = picker.getChildren().get(0);
node.getStyleClass().add("myTextBox");
picker.getStylesheets().add("main.css");

/*main.css:*/
.myTextBox{
  -fx-border-color: #000;
  -fx-border-width: 2px;
}