PrimeFaces中的selectOneMenu样式

Question

我一直在努力调整字体大小和调整我的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>

我该怎么办？ ：（

Answer 1

您需要覆盖此 css .ui-selectonemenu .ui-selectonemenu-label

Answer 2

正确的方法是添加新类，而不更改框架的默认值。

我遇到了同样的问题，但是在我的情况下，selectOneMenu 已在应用程序的其他部分使用，因此我无法对其进行编辑。

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

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

然后在selectOneMenu上，按如下所示添加我的课程

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