primefacesの過剰なパディングを削除するボタン

Question

primefaces 3アプリケーションのコマンドボタンをスタイリングするのに少し問題があります。

私の一般的なCSSは、このスタイル

body { 
    font-size: small; 
} 

を持っており、私のprimefacesボタンは、私は、それ自体が私は上記のようにそのスタイルを設定したボタンにいくつかのパディングを削除したいこの

<p:commandButton value="Search" ajax="false" style="padding:0px;"/> 

を持っています。

何も起こっていませんか？

余分なパディングをコマンドボタンで削除する方法はありますか？パディングのために責任がある

おかげ

Answer 1

CSSクラスは.ui-button-textです。 Firebugやその他のツールで確認できます。

この既定のスタイルは、次のコードスニペットで上書きできます。あなたのページのヘッダーセクションに入れてください：

<style type="text/css"> 
    .ui-button-text { 
     padding: 0px !important; 
    } 
</style> 

Answer 2

私の場合は、これは動作していませんでしたがわかりません。

代わりに、以下に示すようにdisplay:none;を使用しています。

<style type="text/css"> 
    .ui-button-text { 
     display:none; 
    } 
</style>