PrimeFaces 中的 selectOneMenu 样式答案

【问题标题】：selectOneMenu style in PrimeFacesPrimeFaces 中的 selectOneMenu 样式
【发布时间】：2013-07-30 23:54:23
【问题描述】：

我一直在努力调整 selectOneMenu 中的字体大小和调整，但我已经接受了它，但是在将 PrimeFaces 从 3.2 升级到 3.4.2 之后，selectOneMenu 前面有一个间隙，这很烦人。

PrimeFaces 3.2 selectOneMenu

PrimeFaces 3.4.2 selectOneMenu

代码

<p:selectOneMenu id="Category" value="#{databaseSearch.category}" style=" font-size: 35px; height: 20px; width: 80px;">

                                        <f:selectItem itemLabel="Machine" itemValue="Machine"/>
                                        <f:selectItem itemLabel="Company" itemValue="Company"/>
                                        <f:selectItem itemLabel="Contact" itemValue="Contact"/>
                                        <f:selectItem itemLabel="Phone" itemValue="Phone"/>
                                        <f:selectItem itemLabel="Email" itemValue="Email"/>

                                    </p:selectOneMenu>

我该怎么办？ :(

【问题讨论】：

你需要重写这个css .ui-selectonemenu .ui-selectonemenu-label
@MathewRock 你能把你的评论作为答案吗？以便我可以标记它？

标签： primefaces selectonemenu

【解决方案1】：

你需要重写这个 css .ui-selectonemenu .ui-selectonemenu-label

【讨论】：

【解决方案2】：

正确的方法是添加一个新的类而不改变框架的默认值。

我遇到了同样的问题，但在我的例子中，selectOneMenu 被用于应用程序的其他部分，因此我无法对其进行编辑。

我像这样在我的standardStyle.css中创建了一个新类

.fullWidth {
    min-width: 100% !important;
}

然后在 selectOneMenu 上添加了我的类，如下所示

<p:selectOneMenu id="idOfSOM" value="#{mybean.value}" styleClass="fullWidth"></p:selectOneMenu>

【讨论】：