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