css - 日期选择器弹出窗口

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

特别是在弹出窗口中，我还使用风景视图查找CSS代码。但是在弹出窗口中不起作用。我需要一个如何在日历视图中设置弹出窗口样式的帮助。

（使用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;
 }

最佳答案

DatePicker弹出窗口的大多数样式类都可以在DatePickerContent.java或JavaFX的主题样式表之一中找到。
例如，如果您使用的是Modena主题，则可以在modena.css中找到这些样式类（从2934行开始）

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

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

关于css - 日期选择器弹出窗口，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46659660/