刪除primefaces上的多餘填充按鈕

Question

我在設計primefaces 3應用程序的commandbutton時遇到了一些問題。

我共同的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>