javafx-2 - 图标悬停效果

Question

我想为设置面板导航创建这样的按钮:



你能告诉我如何在图标上创建这种悬停效果吗？对我来说最困难的部分是创建看起来像图片的 CSS 代码。

Answer 1

尽管上述答案有效。你真的应该使用伪选择器在 CSS 中完全做到这一点:

java :

btnsa.getStyleClass().add("myButton");

css:

.myButton {
  -fx-background-color:transparent;
}

.myButton:hover {
  -fx-background-color:#dae7f3;
}