日付ピッカー選択されたセルCSS

Question

[OK]を、私は少しのCSS修正でDatePickerスタイルを変更しました。ただし、選択した日付は表示されなくなります。ここに私の新しい日付ピッカー

、ここでは私の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; 
} 

誰かが私にこれを助けてくれたら、私はそれを感謝します。レビューでは、物を開くときに選択された日付の色を変更する必要があります。

Answer 1

選択した日付の日付セルは

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

が動作しますので、selectedのスタイルクラス（ない疑似クラス）を取得します。