<p：commandLink>で背景イメージ全体を表示する方法は？

Question

私はCSSのbackgoundイメージとして画像を表示する前記<p:commandLink>あります

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

私は画像の一部を見ることができます。これを追加しなければ、私はイメージを見ることができません。

私は

width: 100px; 
height: 50px; 

が、その後何も変わらないCSSにこれを追加しよう。

Answer 1

タグ<a/>p:commandLinkによって生成されたものはインラインhtml要素なので、サイズを設定できません。 displayのcss属性をinline-blockに設定するか、代わりにp:commandButtonを使用して上書きできます。