如何从breadCrumb中删除背景

时间:2013-05-05 19:39:30

标签: css jsf jsf-2 primefaces

我有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才能更改背景。但我如何能够覆盖背景?

P.S

这是负责背景的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;
}

2 个答案:

答案 0 :(得分:1)

在.css文件中(在其末尾)或标记中的标题:

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

我不能用这些较少的信息来做。

编辑: 如果这不起作用:

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

应该这样做。

另一个编辑:如果是图像:

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

答案 1 :(得分:0)

使用引导程序中的bg透明样式。