我有这个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
才能更改背景。但是我怎样才能覆盖背景呢?
附言
这是负责背景的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;
}