2017-02-20 53 views
0

好的,所以我改變了DatePicker風格,修改了一些CSS;但是,選定的日期不再顯示。這是我的新的DatePickerDate Picker Selected Cell CSS

enter image description here

,這裏是我的CSS使這個時髦的東西可能

.date-picker-popup > .month-year-pane { 
    -fx-padding: 0.588883em 0.5em 0.666667em 0.5em; 
    -fx-background-color: -fx-main-back; 
    -fx-background-insets: 0 0 0 0, 0 0 1 0; 
} 

.date-cell { 
    -fx-background-color: -fx-main-back; 
    -fx-font-family: "Andalus"; 
    -fx-font-size: 16.0; 
    -fx-text-fill: -fx-type; 
} 

.date-cell:hover { 
    -fx-background-color: -fx-type; 
    -fx-font-family: "Andalus"; 
    -fx-font-size: 16.0; 
    -fx-text-fill: -fx-main-back; 
} 

不知道CSS是什麼所選的日期。我試過各種東西像

.date-cell:selected { 
    -fx-background-color: -fx-type; 
    -fx-font-family: "Andalus"; 
    -fx-font-size: 16.0; 
    -fx-text-fill: -fx-main-back; 
} 

.date-cell:focused { 
    -fx-background-color: -fx-type; 
    -fx-font-family: "Andalus"; 
    -fx-font-size: 16.0; 
    -fx-text-fill: -fx-main-back; 
} 

.date-cell-selected { 
    -fx-background-color: -fx-type; 
    -fx-font-family: "Andalus"; 
    -fx-font-size: 16.0; 
    -fx-text-fill: -fx-main-back; 
} 

如果有人可以幫助我與這一個我會很感激。在審查中,我需要改變你打開東西時選擇的日期的顏色。

回答

1

選定日期的日期細胞得到的selected的樣式類(不是僞類),所以

.date-cell.selected { 
    -fx-background-color: -fx-type; 
    -fx-font-family: "Andalus"; 
    -fx-font-size: 16.0; 
    -fx-text-fill: -fx-main-back; 
} 

會工作。