JavaFX如何为复选框的按钮部分设置样式？答案

【问题标题】：JavaFX how to style the button part of a checkbox?JavaFX如何为复选框的按钮部分设置样式？
【发布时间】：2017-07-03 15:12:41
【问题描述】：

我正在尝试在 JavaFX 场景的样式表中做一些 CSS 样式。它将在打开场景时加载，并针对场景的所有“基本”元素。

我的问题是我似乎找不到正确的代码组合来更改标准 JavaFX 复选框中按钮的背景颜色。

这就是我现在的位置：

.check-box:selected{
    -fx-background-color: #00FF00;
}

我已经尝试了上述的一些变体，例如

.check-box .button{
    -fx-fill: #00FF00;
    -fx-background-color: #00FF00;
}

和其他人一样，但没有成功。

一般来说，我如何访问复选框中的按钮？

提前谢谢你:-)

【问题讨论】：

标签： css checkbox javafx styling

【解决方案1】：

CheckBox 应用-fx-background-color 的部分是.box 和.box > .mark，以防您想更改标记颜色：

.check-box:selected > .box {
    /* background color for selected checkbox */
    -fx-background-color: lime;
}

.check-box > .box {
    /* background color of unselected checkbox */
    -fx-background-color: red;
}

.check-box:selected > .box > .mark,
.check-box:indeterminate  > .box > .mark {
    /* modify mark color */
    -fx-background-color: blue;
}

【讨论】：

完美 - 谢谢 :-)