日期选择器弹出窗口 window

Question

在 CSS 类的帮助下，我需要有关 Java FX 中日期选择器模块样式的建议。

具体是弹窗window，我也是用风景查看CSS代码。但在弹出 window 中不起作用。我需要帮助如何在日历视图中设置弹出窗口的样式。

（使用 intelijIdea）

这是我的代码和附图。

.date-picker .combo-box {
-fx-background-insets:0px ;
-fx-border-width: 0px;
  }

.date-picker .text-field{
-fx-background-radius:0px ;
-fx-border-color: transparent;
}

.date-picker .arrow-button{
-fx-background-radius:0px ;
-fx-background-color: #232323;
}

.date-picker .arrow-button .arrow{
-fx-background-radius:0px ;
-fx-background-color: #1783CC;
}

.date-picker .arrow-button:hover .arrow{
-fx-background-radius:0px ;
-fx-background-color: #40a9ef;
 }

 .date-picker .button {
-fx-background-color: transparent;
-fx-border-color:transparent;
-fx-pref-height: 35px;
-fx-pref-width: 35px;
 }

 .date-picker .button:hover {
-fx-border-color:transparent;
-fx-pref-height: 35px;
-fx-pref-width: 35px;
 }

.date-picker .button .arrow:pressed {
-fx-border-color:transparent;
-fx-pref-height: 35px;
-fx-pref-width: 35px;
 }

 .date-picker .cell {
-fx-background-color: #232323;
-fx-pref-width:20px ;
-fx-pref-height:25px ;
 }

.date-picker .cell:hover {
-fx-background-color: #1783CC;
-fx-pref-width:20px ;
-fx-pref-height:25px ;
}

.date-picker .cell:focused {
-fx-background-color:#11659e;
-fx-pref-width:20px ;
-fx-pref-height:25px ;
 }

.date-picker-popup  {
-fx-border-color: #1783CC;
-fx-background-color: black;
 }

Answer 1

DatePicker 弹出窗口的大多数样式类可以在 DatePickerContent.java 或 JavaFX 的主题样式表之一中找到。例如，如果您使用的是 modena 主题，那么您将在 modena.css 中找到这些样式类（来自第 2934 行）

使用 ScenicView 时的一个快速解决方法是防止弹出窗口被关闭：

    datePicker.setOnHidden(new EventHandler<Event>() {
        @Override
        public void handle(Event event) {
            datePicker.show();
        }
    });

日期选择器弹出窗口 window

Date picker popup window

css

javafx

intellij-idea

scenebuilder