日期选择器选定的单元格CSS

Question

好的，所以我通过一些CSS修改改变了DatePicker样式;但是，所选日期不再显示。这是我的新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

所选日期的日期单元格获得selected的样式类（不是伪类），所以

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

会奏效。