如何在tabView中更改primefaces选项卡的颜色（方向为左）？

我使用PrimeFaces5.2。我有一个方向为左的选项卡视图。我需要更改所选选项卡的颜色

这是我的密码：

<p:tabView orientation="left" id="tabViewID" dynamic="true"
                        cache="false"
                        activeIndex="#{manageBean.activeIndex}"
                        style="margin-left: 1%;width: 98%;background-color: #F5F5F5;">
                        <p:ajax event="tabChange"
                            listener="#{manageBean.fetchReports}" />
                        <p:tab title="Tab1" id="tabID1"  >

                        </p:tab>

                        <p:tab title="Tab2">

                        </p:tab>

                        <p:tab title="Tab3">

                        </p:tab>
</p:tabView>

以下是截图：

---

任何想法？？？

只需在选项卡上检查并在默认CSS类中更改颜色即可

像这样试试

<style type="text/css">
        body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active,
        body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-state-active,
        body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active, 
        body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-state-active{
            background: #e4a1c2;
        }
 </style>

body.ui-tabs.ui-tabs-top.ui-tabs导航li.ui-state-active，
body.ui-tabs.ui-tabs-bottom.ui-tabs导航li.ui-state-active，
body.ui-tabs.ui-tabs-left.ui-tabs导航li.ui-state-active，
body.ui-tabs.ui-tabs-right.ui-tabs导航li.ui-state-active{
背景：#e4a1c2；
}

在Primefaces中，选项卡作为链接呈现（

希望这能帮助其他人！
@Geinmachi:默认情况下，所选选项卡将与其他选项卡不同，对吗？这也没有发生。当您删除
背景色时，问题是否仍然存在：#f5f5；
？我想您得到了一些css样式，覆盖了PrimeFaces默认样式，请尝试添加此样式，并告知所选的ta是否b颜色为红色。
div ul li.ui-tabs-selected{背景颜色：红色！重要；背景图像：无！重要；}
整个背景已变为红色。但选项卡仍然相同。
<p:tab id="tab_id" title="#{campeur.prenomNom}" 
    titleStyleClass="#{campeur.nouveauCampeur ? 'tabNouveau' : 'tabExistant'}">

li.tabNouveau a {
    background-color: #FFE289;
}

li.tabNouveau.ui-state-active a, li.tabNouveau.ui-state-hover a {
    background-color: #FFD44F;
 }