css - 如何在 Java FX 中使用 CSS 模拟失去焦点样式？

Question

在我的应用程序中，我有一个特定的样式，声明应该使用黄色来表示必填字段。在我的网格中，我按如下方式实现了这一点:

.table-cell-required-field {
    -fx-control-inner-background: -sif-required_field-color;
    -fx-background-color:-fx-table-cell-border-color, -fx-control-inner-background;
    -fx-border-color: deepskyblue  deepskyblue  deepskyblue  deepskyblue ;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
    -fx-text-fill: -fx-text-inner-color;
}


.table-cell-required-field:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-focus-color;
    -fx-background-insets: 0, 1, 2;
}

这工作得很好——但是，当表格没有聚焦时，所选字段保持 -fx-focus-color 而不是恢复到摩德纳的标准，它是灰色的——这让用户感到困惑。

我也尝试过将焦点用作伪类 - 但在 ScenicView 中查看两个单元格都显示已选中和已聚焦，这没有变化。

以下是当表格未获得焦点时我需要执行的操作的示例:

但是，当我选择必填字段然后选择另一个表格时，它保持蓝色 - 我需要它在没有焦点时变灰。

对于我所缺少的任何帮助，我将不胜感激。

谢谢!

Answer 1

尝试

.table-cell-required-field {
    -fx-control-inner-background: -sif-required_field-color;
    -fx-background-color:-fx-table-cell-border-color, -fx-control-inner-background;
    -fx-border-color: deepskyblue  deepskyblue  deepskyblue  deepskyblue ;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
    -fx-text-fill: -fx-text-inner-color;
}

.table-view .table-cell-required-field:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar-non-focused;
    -fx-background-insets: 0, 1, 2;
}

.table-view:focused .table-cell-required-field:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-focus-color;
    -fx-background-insets: 0, 1, 2;
}

通常对于此级别的样式，我会查看默认的 modena.css 样式表，您可以从 jfxrt.jar 文件中提取它，或者查看 OpenJFX source .