Primefaces菜单项更改自定义图标

我有一些问题需要自定义menuitem组件的图标。Primefaces菜单项更改自定义图标

我想这个形式，但我没有成功：

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="resources/images/person.png"/>

我也尝试使用CSS

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="user"/> 

.user{ 
    background: url('resources/images/menu/users.png') no-repeat; 
    height:16px; 
    width:16px; 
}

我使用PrimeFaces 5.

来源

2014-09-25 VitorSpin

您的第二种方法是正确的。但恐怕图片的路径不正确。这个你使用的是相对于类的文件夹。确保你把正确的路径放在这张图片上。 – RafaelTSCS 2014-09-25 14:19:38

如果你看看你的JavaScript控制台，你会看到任何错误（可能是一个HTTP - 404）与检索图标图像 – kolossus 2014-09-25 15:42:44

请看，这张图片来检查我的路径是否正确http://i.snag.gy /Uv2zi.jpg – VitorSpin 2014-09-25 17:55:22

试试这个

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="user"/> 

.user { 
    background: url(../images/menu/users.png) !important; 
    height:16px; 
    width:16px; 
}

您需要!important覆盖Primefaces的默认图像并直接在src目录下创建文件夹images

来源

2014-09-25 20:27:22 wvq86

Primefaces菜单项更改自定义图标

回答

相关问题