jsf facelet水平菜单

我正在尝试使用JSF、Trinidad和facelets制作一个水平菜单， 创建菜单的目的是：

<f:facet name="navigation2">
    <tr:navigationTree inlineStyle="display: inline-block; background: white;" 
                       var="item" value="#{menuModel.model}">
        <f:facet name="nodeStamp">
            <tr:commandNavigationItem text="#{messages[item.label]}" 
                                      action="#{item.getAction}" immediate="true"/>
        </f:facet>
    </tr:navigationTree>
</f:facet>

这些元素取自我无法修改的menagedBean

我尝试使用css，但没有任何效果

尝试切换到css

---

我在处理自定义菜单时也遇到一些问题，我所做的是使用jquery来创建菜单，因此您必须使用菜单创建XML，导入.js文件并调用jquery库

<f:facet name="navigation2">
  <tr:navigationPane var="item" value="#{menuModel.model}">
    <f:facet name="nodeStamp">
      <tr:commandNavigationItem text="#{messages[item.label]}" 
                                action="#{item.getAction}" immediate="true"/>
    </f:facet>
  </tr:navigationPane>
</f:facet>