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>