css - Primefaces 选项卡标题样式

Question

有人可以帮我用 css 隐藏标签页眉吗？ 我正在使用 primefaces 控件，并且页面上有一个通用选项卡 View 。并且在常规标签 View 的每个标签上都有一个标签 View (功能区)。 我需要隐藏子 tabview 的所有选项卡标题，但显示常规 tabview 的选项卡标题。

我试着用

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    display: none!important;
}

但是这段代码隐藏了所有的标题。

我的代码:

<ui:composition template="./../WEB-INF/pagesTemplate.xhtml">
        <ui:define name="content">
            <h:form id="centralTable">
                <p:tabView id="tabview"
                           value="#{tabView.tabList}"
                           widgetVar="wtabview"
                           style="height: 100%"
                           dynamic="true">
                    <p:ajax event="tabChange" listener="#{tabView.onTabChange}"/>
                    <c:forEach items="#{tabView.tabList}" var="pageUrl">
                        <p:tab title= "#{msg[tabView.getCommonTitleByPage(pageUrl)]}">
                            <ui:include src="#{pageUrl}" />
                        </p:tab>
                    </c:forEach>
                </p:tabView>
            </h:form>
        </ui:define>
    </ui:composition>

常规标签 View 的示例标签:

<p:tab title="#{msg['header.Main.Model']}">
        <p:ribbon id="ribbonPannelModel">
            <p:tab title="Model" id="tabModel" >
                <p:ribbonGroup label="#{msg['header.Common.Editing']}" id="rgModelEdit">
                    ...
                </p:ribbonGroup>
            </p:tab>
        </p:ribbon>

        <p:dataTable id="dtModel" widgetVar="wdtModel">
           ...
        </p:dataTable>
</p:tab>

我需要隐藏 <p:tab title="Model" id="tabModel" > - 这个标题

Answer 1

您必须为目标标签使用 id，然后对其应用样式

#myTabId .ui-tabs.ui-tabs-top > .ui-tabs-nav { 显示:无!重要； }

我不确定#myTabId 和.ui-tabs 之间的空格尝试使用并删除它并查看结果