日期选择器选定的单元格 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;
}

将工作。