css - 如何在<p:commandLink>中显示整个背景图像？

我有一个<p:commandLink>，其中我想将图片显示为CSS背景图像：

.button{
    background-image: url(http://www.lefinnois.net/aqua/aqua1.jpg);
    background-size: 50px;
}

<p:commandLink update="media" value="Kaydet"
    action="#{productView.save}" styleClass="button">
</p:commandLink>

但是我需要命令链接具有与背景图像相同的宽度和高度。如果我将以下属性添加到CSS

background-size: 50px;

然后我可以看到图像的一小部分。如果不添加，则看不到图像。

如果我尝试将此添加到CSS

width: 100px;
height: 50px;

然后什么都不会改变。

最佳答案

<a/>生成的标记p:commandLink是内联html元素，因此无法设置其大小。您可以通过将display css属性设置为inline-block来替代它-或改用p:commandButton。

关于css - 如何在<p:commandLink>中显示整个背景图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8561314/