如何从 p:breadCrumb 中删除背景答案

【问题标题】：How to remove background from p:breadCrumb如何从 p:breadCrumb 中删除背景
【发布时间】：2013-05-05 19:39:30
【问题描述】：

我有这个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;
}

【问题讨论】：

标签： css jsf primefaces

【解决方案1】：

在您的 .css 文件中（在它的末尾），或在标签中的标题中：

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

我不能用这么少的信息做更多的事情。

编辑：如果这不起作用：

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

这应该可以解决问题。

另一个编辑：如果是图片：

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

【讨论】：

哪个背景？这没有帮助......我无法弄清楚你想要什么......我很抱歉
希望我能帮到你。
这对我不起作用。试过包括.ui-breadcrumb{background-image: none;}和.p-breadcrumb{background-image: none;}你能帮帮我吗

【解决方案2】：

.breadcrumb{ 背景颜色：未设置！重要； }

【讨论】：

您好，为了便于阅读，请将代码放入 sn-p (ctrl + k) 并解释您的代码。仅代码答案将被标记为省力。
您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案3】：

使用引导程序中的 bg-transparent 样式。

【讨论】：

这有什么帮助？