如何通过CSS中的悬停选择器更改JFXButton中FontAwesome的字形颜色？

Question

我有一个带有几个JFXButton的工具栏（VBox）。所有按钮的标题和字形均为白色。当鼠标指针悬停在按钮上时，我只想更改字形的颜色。

CSS文件：

.button {
    -fx-text-fill: white;
    -fx-fill: white;
}

.button .glyph-icon:hover {
    -fx-background-color: derive(black, 15%);
    -fx-fill: #cc8f1e;
}

Answer 1

更改字形的“颜色”属性

Answer 2

首先定义按钮的 hover 状态，然后使用字形图标定义另一个 hover 状态，如下所示：

 .button
 { 
-fx-text-fill: white;
-fx-fill: white;
 } 


.button:hover
{
-fx-background-color: derive(black, 15%);
-fx-fill: #cc8f1e;
}


.button:hover .glyph-icon, .button:hover .glyph-icon
{
-fx-text-fill: #cc8f1e;
}