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>

我该怎么办？:(

- Telson Alva

---

你需要覆盖这个 css .ui-selectonemenu .ui-selectonemenu-label。 - Mathew Rock

@MathewRock，您能否将您的评论作为答案提交？这样我就可以标记它了。 - Telson Alva

Answer 1

你需要覆盖这个 css 样式：.ui-selectonemenu .ui-selectonemenu-label。

- Mathew Rock

Answer 2

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

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

我在我的standardStyle.css中创建了一个新类，如下所示：

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

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

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

- FarukT