删除素数按钮上的多余填充

Question

我在设计 primefaces 3 应用程序的命令按钮时遇到了一些问题。

我的常用CSS有这种风格

body {
    font-size: small;
}

我的素数按钮有这个

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