如何在<p：commandLink>中顯示整個背景圖片？

Question

我有一個<p:commandLink>其中我想顯示的圖片作爲CSS backgound圖像：

.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; 

則沒有什麼變化。

Answer 1

標記<a/>生成的p:commandLink是一個內聯html元素，因此無法設置其大小。您可以通過將display css屬性設置爲inline-block來覆蓋它 - 或者使用p:commandButton代替。