css - p:breadCrumb から背景を削除する方法

Question

私はこれを持っていますbreadCrumb。背景を削除する方法。背景なしでリンクを表示したいだけです。

<h:form>
    <p:breadCrumb style="font-size:11px;">
        <p:menuitem value="Datacenters" url="#" />
        <p:menuitem value="Zone" url="#" />
        <p:menuitem value="Rack" url="#" />
        <p:menuitem value="Server" url="#" />
        <p:menuitem value="Processor" url="#" />
        <p:menuitem value="RAM" url="#" />
        <p:menuitem value="HDD" url="#" />
    </p:breadCrumb>
</h:form>

マニュアルを見ると.ui-breadcrumb、背景を変更するには css クラスを変更する必要があることがわかりました。しかし、どうすれば背景を上書きできますか?

PS

これは、背景を担当する css クラスです。

.ui-widget-header {
    background: url("/DX-57/RMC-57/javax.faces.resource/images/ui-bg_diagonals-   thick_6_333333_40x40.png.html?ln=primefaces-aristo") repeat scroll 50% 50% #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    font-weight: bold;
}

Answer 1

ブートストラップの bg-transparent スタイルを使用します。