如何從麪包屑中刪除背景

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> 

到手動我發現我不得不改變CSS類.ui-breadcrumb，以改變背景。但我怎麼能覆蓋背景？

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

在您的.css文件（在它的結束），或在你的頭在標籤：

.ui-breadcrumb{background-color: none;} 

更多我不能做這個較少的信息。

編輯： 如果doesn't工作：

.ui-breadcrumb{background-color: none!important;} 

應該做的伎倆。

另一個編輯：如果it's圖像：

.ui-breadcrumb{background-image: none;}