用css更改按钮图形颜色

Question

你想做一个类似Twitter的菜单栏菜单按钮上的图标，悬停时颜色有变化。

有一种方法可以在JavaFX + CSS中实现吗？ （除了更改png文件之外的其他方式）

看起来像那样

.button:hover {
-fx-text-fill: red;
-fx-border-width: 0 0 5 0 ;
-fx-border-color:red ;
-fx-png-on-the-button-color: red;      //Need the way to do something like that

}

Answer 1

我自己丑陋的解决方案

.button:hover ImageView {
-fx-effect: innershadow( gaussian , red , 7 , 1 , 1 , 1 );

}

有了你想要的颜色，结果非常酷。工作正常！

Answer 2

您无法更改已加载图像的颜色。但是你可以改变图像，它具有你想要的预渲染颜色。

-fx-graphic: url(http://example.com)

请参阅http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#labeled。