如何创建primefaces

我想创建一个新的图标在我的p:commandButton使用自定义图标，但我失败了，我用这个梅索德如何创建primefaces

PrimeFaces: how can I make use of customized icons?

，但没有工作对我来说。我会告诉你我的代码：

CSS代码：

.img-button-help { background-image: url('img/mag.ico') !important; }

JSF CODE：

<p:commandButton icon="img-button-help" value="test" />

结果： enter image description here 新的结果 - >

如何使用customed图标Primefaces？

来源

2013-10-25 marouanoviche

看起来没有找到图像，因此没有可显示的图标。使用安装了Firebug的Chrome或Firefox，按F12并查看是否可以访问资源部分中的此图标。 –

我认为该图像已建立，但未显示或改编为p：commandbutton – marouanoviche

您确定图像已找到？您是否验证过可以从您的网站访问？验证它的一种方法是使用我在上面评论中解释的方法。以下是Chrome的文档：https://developers.google.com/chrome-developer-tools/docs/resources –

嗨，你可以尝试添加background-position到你的CSS，因为primefaces图像是基于精灵和.img-button-help确实设置了一个位置。试试这个：

.img-button-help { 
    background-image: url('img/mag.ico') !important; 
    background-position: center !important; 
}

来源

2013-10-25 15:55:43 DaniP

did not work too我有一个空的地方，像我发布的图片。 – marouanoviche

尝试在px中设置位置 – DaniP

我找到了解决这个问题的丹科inspriring我创建了一个小图标，我把它作为背景在左

<p:commandButton value="test" style=" padding-left: 15px;background-image: url('img/mag.ico') !important;background-repeat: no-repeat;background-position: left;" />

现在我把它与使用的图标primefaces的图标。

来源

2013-10-25 16:39:35 marouanoviche

更好地使用CSS样式 –

如何创建primefaces

回答

相关问题