如何为 selectOneMenu 获取正确的 primefaces 主题？答案

【问题标题】：How to get the correct primefaces theme look for selectOneMenu?如何为 selectOneMenu 获取正确的 primefaces 主题？
【发布时间】：2016-07-27 09:02:39
【问题描述】：

我正在开发一个以 omega 为主题的 JSF Primefaces 项目。 selectOneMenu 下拉菜单的外观不正确（缺少行）。

看起来像这样：

应该是这样的：

安迪的想法？

<p:selectOneMenu id="systemRoleMenu" value="#{configuration.systemRole}">        
    <f:selectItems value="#{configuration.systemRoles}"/>
</p:selectOneMenu>

Web.xml：

<context-param>
  <param-name>primefaces.THEME</param-name>
  <param-value>omega</param-value>
</context-param>

Pom.xml：

    <repository>
        <id>prime-repo</id>
        <name>PrimeFaces Maven Repository</name>
        <url>http://repository.primefaces.org</url>
        <layout>default</layout>
    </repository>
    ..some more...
    <dependency>
        <groupId>org.primefaces</groupId>
        <artifactId>primefaces</artifactId>
        <version>6.0</version>
    </dependency>

    <!-- Primefaces Version 6 Extensions -->
    <dependency>
        <groupId>org.primefaces.extensions</groupId>
        <artifactId>primefaces-extensions</artifactId>
        <version>6.0.0</version>
    </dependency>

    <!-- Primefaces All Themes -->
    <dependency>
        <groupId>org.primefaces.themes</groupId>
        <artifactId>all-themes</artifactId>
        <version>1.0.10</version>
    </dependency>
    ...some more...

附加信息：我已经删除了我自己的 CSS 来检查这是否是问题所在。不是。

【问题讨论】：

浏览器的缩放系数是多少？是否设置为“0”？
为 0 (100%)。更改缩放不会影响丢失的行。在不同的浏览器中是一样的。
the showcase 有效吗？在FF中对我有用。看起来您的字体仍然更大。也许浏览器中有一些“最小字体大小”设置？
在展示它的工作原理时，我从那里得到了“它应该是什么样子”的图片。我在 Chrome、IE、Eclipse 浏览器中进行了尝试——它在任何地方看起来都一样，而在展示中看起来并不像。
然后用你的浏览器开发工具检查应用css的差异

标签： css jsf primefaces selectonemenu

【解决方案1】：

现在由于更多尝试，我发现根本问题是，我使用<ui:include> 嵌套了 html 文档。使用这种方法，样式表会以某种方式相互混淆。

解决方案： 在我包含的 xhtml 中添加 <ui:composition>。因此，标签之外的所有内容在包含时都会被忽略。因此，primefaces 不再包含多个 html 标记和样式表。问题消失了。

【讨论】：

请删除“1”，因为它是一种解决方法，“2”是真正的原因，html 文档不应该嵌套。 !important 注释虽然并不完全正确。如果您使选择器更具体并且默认 PrimeFaces css 不包含任何！important，则不需要它们。你最终有效地做的是创建一个minimal reproducible example，然后问题突然消失了。下一次，预先创建一个 mcve 有助于找到问题的原因。