如何在JavaFX中使用CSS悬停时更改圆圈

Question

我在hBox中有一个圆圈。现在我希望那个圆圈在鼠标光标悬停在其上时将其填充更改为另一种颜色。这可以用JavaFX和CSS做，如果不是以编程方式进行的最佳方法是什么？ 我试过了：

#circleID: hover {
    -fx-background-color: #fff;
    -fx-fill: #fff;
    -fx-cell-hover-color: #fff;
}

Answer 1

圆形是一个形状，所以尝试使用填充方法：

#circleID{

-fx-fill:red;


}

#circleID:hover{

-fx-fill:blue;

}

并在你的java代码中添加：

circle.setId("circleID");