JavaFX8使用css在悬停按钮上创建图像

我正在制作一个以马里奥为主题的应用程序，我希望按钮的效果是，当用户用鼠标悬停在上面时，按钮文本旁边会出现一个蘑菇（图像），当鼠标移开时，蘑菇（图像）就会消失。我正试着使用css来实现这一点

---

如何做到这一点？

使用悬停伪类

.button:hover{
    -fx-graphic: url('your_path_to_image');
}

---

完整示例 style.css

.button:hover{
    -fx-graphic: url('http://files.softicons.com/download/game-icons/super-mario-icons-by-sandro-pereira/png/16/Mushroom%20-%201UP.png');
}

图像

悬停时

.button:hover{
    -fx-graphic: url('http://files.softicons.com/download/game-icons/super-mario-icons-by-sandro-pereira/png/16/Mushroom%20-%201UP.png');
}