java - 根据 CSS 更改 JavaFX CustomColorDialog 的样式时遇到问题

Question

这是我现在的 CustomColorDialog:

如您所见，有一个白色区域，我已经尝试更改它甚至无法使用的区域的颜色:

.region
{
    -fx-background-color:red;
}

我怎么知道它是一个区域？我使用 ScenicView 查看对话框结构，它甚至告诉我样式类，区域样式类是“customcolor-controls-background”。我也用 styleclass 尝试过，但它没有用，如果 .region 甚至都不起作用，为什么它会起作用？

Answer 1

如果您查看 modena.css 文件(捆绑在 jfxrt.jar 中)，您会发现所有应用于 CustomColorDialog 控件。

至于白色区域，您会发现:

.custom-color-dialog .controls-pane .customcolor-controls-background {
    -fx-background-color: -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: 
        0.8333333em 0 0.4166667em 0,
        1em 0.166667em 0.5833333em 0.166667em;
    -fx-background-radius: 0.3333333em, 0.166667em;
}

所以您所要做的就是在您的 css 文件中覆盖该规则:

.custom-color-dialog .controls-pane .customcolor-controls-background {
    -fx-background-color: red;
}