css - 如何在Primefaces Breadcrumb中更改“主页”图标？

我想将Primefaces Breadcrumb的主页图标更改为另一个图标，但找不到方法。

我尝试使用CSS，但不适用于该图标：

.ui-breadcrumb {
    background: none !important;
    border: none !important;
    icon: url('resources/images/look/bandeau.png')
}

最佳答案

它应该足以：

.ui-breadcrumb .ui-icon-home {
    background-image: url("#{resource['images/look/bandeau.png']}");
    background-position: 0; /* asuming bandeau.png is a single image */
}

但是您必须确保两件事：


首先，您正确覆盖了Primefaces CSS，因此不需要!important。请参见this。如果操作正确，至少会看到默认图像消失。
其次，您必须确保正确引用了图像。在我的代码中，我演示了如何自己执行此操作，但这取决于您的配置，因此您还应该选中this。