删除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>