Как удалить фон из 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> 

В руководстве я обнаружил, что я должен изменить класс 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;} 

Больше я не могу сделать с этим меньше информации.

редактировать: Если это не распространяется работа:

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

, что необходимо сделать трюк.

другого редактирование: если подмигнул изображение:

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