更改Blazorise中的图标

Question

我正在使用，并且找不到如何更改打开和关闭节点的默认图标。组件很大程度上依赖于fa+平方和fa-负平方，我不知道如何定制它。

我可以在官方文档中找到一些有用的东西：Blazorise文档。

这个问题在一个https://github.com/Megabit/Blazorise/issues/994不确定是否有解决方案的问题中提到。

Answer 1

嘿，我认为唯一的解决办法是覆盖下面的样式

.fa-plus-square:before {
    content: "\f0fe" !important; // Replace the content by another icon from font awesome
}

但是要小心，有些图标需要一个特定的字体。因此，例如，要用十字架代替，我需要：

.far.fa-plus-square {
    font-weight: 900 !important;
}
.fa-plus-square:before {
    content: "\f00d" !important;
}

您可能需要一些更具体的CSS选择器来覆盖库中包含的样式，但在github问题得到解决之前，这绝对是实现它的方法。

编辑:此外，这个修改将覆盖图标本身的样式，但您可能需要它们在您的项目中的其他地方，因此我建议您将整个Treeview组件封装在一个带有类的专用div中，并使用我为包含新类而编写的CSS选择器。(.far.fa-plus-square变成.my-tree-view-container .far.fa-plus-square)