如何使用样式表.css来样式FontAwesomeIconView?如何使用样式表.css?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用样式表.css来样式FontAwesomeIconView?如何使用样式表.css?相关的知识,希望对你有一定的参考价值。

我有以下代码。

private Hyperlink hyperlink = new Hyperlink();
private FontAwesomeIconView fontawesome = new FontAwesomeIconView(FontAwesomeIcon.TIMES);
hyperlink.setGraphic(fontawesome);

现在我有个问题 我需要动态地改变我的FontAwesome图标的css。所以我需要使用样式表,而不是像这样使用方法。

fontawesome.setScaleX(0.65);
fontawesome.setScaleY(0.65);
fontawesome.setTranslateX(-1.0);
fontawesome.setFill(Color.WHITE);

我试过这样的方法。

.root 
    -icons-color: red;


.glyph-icon 
    -fx-font-family: "FontAwesome";
    -icons-color: red;

但是没有用 :( 有谁能告诉我如何在css文件中改变图标的样式?

答案

好吧,我的修复方法是这样的,我只需要使用-fxx(FontAwesomeIcon.Times)来修复。

.glyph-icon 
    -fx-fill: #b45959;

我只需要用-fx-fill来改变颜色,而不是-icons-color。

以上是关于如何使用样式表.css来样式FontAwesomeIconView?如何使用样式表.css?的主要内容,如果未能解决你的问题,请参考以下文章

在 CSS 中使用 Font Awesome 图标

如何使用样式

三种方式来插入样式表

CSS - 样式字体真棒字体图标

在用户控件里如何实现css样式表将gridview的边框看不见

如何通过JS调用不同的CSS样式表??