Question

我的工作环境是：使用JSF 2.0的Primefaces 4.0 我的目标是在表单中设置命令按钮的宽度相同。我发现style="font-size:10px"设置按钮的字体大小，这是更改按钮的标签大小。我想更改按钮的大小

Answer 1

您可以在commandButton中使用style属性以及css属性width和height。

<p:commandButton id="button" value="Click"                              
                 actionListener="#{myBean.doAction}" 
                 style="width:100px;height:100px"/>

要为页面上的所有commandButtons设置相同的值，请将以下css添加到jsf页面。

       .ui-button{
            width:100px;
            height:100px;
        }

Answer 2

为此你必须使用CSS，例如，我不喜欢按钮和它们的边界之间的那么大的空间（它们看起来很大，当两个或三个按钮并排，或者它们看起来更大的文字围绕他们），所以，我首先使字体变小（旧的字体大小：.8em），然后覆盖按钮的填充（是的，按钮中的填充是巨大的，至少对我而言），类似于：

.ui-button-text-only .ui-button-text {
    padding: .1em .5em;
}

Answer 3

我建议使用 style =“ min-width：15em;” ，因为该按钮可能位于PanelGroup中，并且 width 属性不起作用。

<h:panelGrid columnClasses="column_left" columns="2" style="padding-top:8px;" styleClass="acciones">
 <h:panelGroup>
 <p:commandButton update="@all"  style="min-width: 15em;"> </p:commandButton>
 </h:panelGroup>                    
 </h:panelGrid>

我们如何调整p：commandbutton的大小或宽度

3 个答案: