Question

有人可以告诉我们如何为顶部带有fontawsome图标的按钮设置CSS，以在将鼠标悬停在javafx中时更改图标填充颜色（使用fxml）吗？

tried this css file and attaching to the button ..but no luck..

.icons:hover {
    -fx-fill: white;
    -icons-color: black;
}

从fxml像这样添加图标

 <JFXButton fx:id="viewStaffButton" alignment="CENTER" buttonType="RAISED" graphicTextGap="10.0" onMouseClicked="#onVIewStaffClicked" prefHeight="45.0" prefWidth="179.0" ripplerFill="WHITE" style="-fx-border-color: blue; -fx-border-color: white;" text="View Staff" textFill="WHITE">
                                    <VBox.margin>
                                        <Insets bottom="50.0" />
                                    </VBox.margin>
                                    <graphic>
                                        <FontAwesomeIconView fill="WHITE" glyphName="USERS" size="20" />
                                    </graphic>
                                    <cursor>
                                        <Cursor fx:constant="HAND" />
                                    </cursor>
                                </JFXButton>

Answer 1

这些图标的CSS类为glyph-icon。

尝试在CSS中将.icons:hover { ... }替换为.glyph-icon:hover { ... }。

此外，您将需要在CSS上方的某处声明-icons-color，例如root

.root{
    -icons-color: red;
}

稍后再使用。

如何以及在哪里为鼠标悬停的Fontawosomefx图标设置css样式

1 个答案: