将鼠标悬停在JavaFX中的CSS上时如何进行圆圈更改填充

Question

I have a circle that is inside an hBox. Now i want that circle to change its fill to another color when the mouse cursor hovers over it. Is that possible to do in JavaFX with CSS, if not what is the best way to do it programmatically? i tried:

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

Answer 1

the circle is a shape so try with fill method :

#circleID{

-fx-fill:red;


}

#circleID:hover{

-fx-fill:blue;

}

and in your java code add this :

circle.setId("circleID");