css - 如何制作按钮:hover affect a lebel in java fx

Question

我正在尝试在 java fx 中使用 css 连接标签和按钮，但它不起作用。

#B0{
    -fx-border-radius:10px;
    -fx-background-color: blue;
}
#B0:hover{

    -fx-border-radius:10px;
    -fx-transition: 1s ease-in-out;
    -fx-background-color: green;

}
#B0:hover ~ #label{

    -fx-background-color: green;

}

标签没有改变它的背景颜色

Answer 1

javafx 中可用的选择器是有限的。兄弟选择器未实现。实现类似目标的唯一方法是修改标签或公共(public)父级以允许在 Java 代码中使用 JavaFX 实现的选择器:

PseudoClass containsButtonHover = PseudoClass.getPseudoClass("contains-button-hover");
Button button = ...

// apply pseudoclass to common parent iff button is hovered
button.hoverProperty().addListener((o, oldValue, newValue) -> button.getParent().pseudoClassStateChanged(containsButtonHover, newValue));

#B0{
    -fx-border-radius:10px;
    -fx-background-color: blue;
}
#B0:hover{

    -fx-border-radius:10px;
    -fx-transition: 1s ease-in-out;
    -fx-background-color: green;

}
*:contains-button-hover>#label {
    -fx-background-color: green;
}