日期选择器弹出窗口

我需要借助CSS类的帮助，在Java FX中使用日期选取器模块的样式。日期选择器弹出窗口

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

（使用intelijIdea）

这是我的代码和附加的图片。在弹出的DatePicker的

.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; 
}

来源

2017-10-10 Patrik Martinka

你说你想要设置弹出式日历的样式，但是你没有说明你想要达到什么样的效果。你可以更具体的要求？ – ItachiUchiha

@IchichiUchiha我想在日期选择器的弹出窗口中设置所有组件的样式。我正在寻找styleClass按钮栏弹出日期选择器，类的月单元格，年单元格，日单元格，周单元格，背景..和伪类。 –

大多数样式类可以在DatePickerContent.java或JavaFX的主题样式的一个被发现。例如，如果您使用的是摩德纳的主题，那么你会发现这些styleclasses在modena.css（从线2934）

一种解决方法使用ScenicView时，将阻止关闭弹出：

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

来源

2017-10-10 12:01:24

谢谢！ modena.css是正确的洼！ –

日期选择器弹出窗口

回答

相关问题