Стиль обычной кнопки 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;
}