更改TextField（JavaFX）的颜色而没有副作用

Question

c.getStyleClass().add("required");

.required {
    -fx-control-inner-background: red;
}

但是该文本字段上的上下文菜单将具有相同的颜色。

如何解决？

Answer 1

规则

.required {
    -fx-control-inner-background: red;
}

为所选元素及其decendants设置-fx-control-inner-background。

因此，对于所选节点的decendants，您必须将其改回默认值，这样效果就不理想了。由于上下文菜单被视为decendant,您需要为上下文菜单更改它，例如，通过将以下规则添加到CSS中：

css prettyprint-override">.required .context-menu {
    -fx-control-inner-background: derive(-fx-base,80%);
}