Css can'；t拆下相应面板表面的顶部白线

我曾试图删除手风琴标签顶行与css，但它不去。 以下是我的代码剪贴集。我尝试了几种css样式，但没有响应。请建议如何删除手风琴中每个选项卡上方的默认栏

        <div class="ui-g" style="margin-left: 40px ;background:#A9A9A9;width: 80% ">
                        <p:accordionPanel activeIndex="null" style="width: 80% ;">
                            <p:tab title="Analysis" titleStyle="background:#A9A9A9;color:black;width:100px;border-style:none;outline:none;">
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Overview" actionListener="#{bean.setPage('page1')}" update=":mainForm:content"/>
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/>
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Export" actionListener="#{bean.setPage('page3')}" update=":mainForm:content"/> 
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}"  onclick="PFE('ppanel').toggle()"  update=":mainForm:content"/> 
                            </p:tab>
                            <p:tab title="Overview" titleStyle="background:#A9A9A9;color:black;width:100px;border-style:none;outline:none;">
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Overview" actionListener="#{bean.setPage('page1')}" update=":mainForm:content"/>
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/>
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Export" actionListener="#{bean.setPage('page3')}" update=":mainForm:content"/> 
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/> 
                            </p:tab>
                            <p:tab title="Analysis" titleStyle="background:#A9A9A9;color:black;width:100px;border-style:none;outline:none;">
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Overview" actionListener="#{bean.setPage('page1')}" update=":mainForm:content"/>
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/>
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Export" actionListener="#{bean.setPage('page3')}" update=":mainForm:content"/> 
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/> 
                            </p:tab>
                            <p:tab title="Charts" titleStyle="background:#A9A9A9;color:black;width:100px;border-style:none;outline:none;">
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Overview" actionListener="#{bean.setPage('page1')}" update=":mainForm:content"/>
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/>
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Export" actionListener="#{bean.setPage('page3')}" update=":mainForm:content"/> 
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/> 
                            </p:tab>
                            <p:tab title="Export" titleStyle="background:#A9A9A9;color:black;width:100px;border-style:none;outline:none;">
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Overview" actionListener="#{bean.setPage('page1')}" update=":mainForm:content"/>
                                <p:commandButton  style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/>
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Export" actionListener="#{bean.setPage('page3')}" update=":mainForm:content"/> 
                                <p:commandButton   style="background:#A9A9A9;color: black;width:100px;border-style: none;padding: 0px;outline:none;" value="Analysis" actionListener="#{bean.setPage('page2')}" update=":mainForm:content"/> 
                            </p:tab>
                        </p:accordionPanel>
                    </div>

     <h:outputStylesheet id="layoutCSS">  
        .ui-accordion .ui-accordion-content{
        background:#A9A9A9;
        }
        .ui-button{
        display:none !important;
        }
    </h:outputStylesheet> 

.ui手风琴.ui手风琴内容{
背景：#A9A9；
}
.ui按钮{
显示：无！重要；
}

尝试使用此选择器

.ui-accordion .ui-accordion-header {
    border-top: none;
}

或者如果你只需要为活动标签隐藏它，你可以使用这个

.ui-accordion .ui-accordion-header.ui-state-active {
    border-top: none;
}

---

编辑您的问题并发布您尝试过的css？请查看上面的剪贴集。问题是当我为手风琴面板提供背景色时，手风琴中每个选项卡上方的白色背面