css - 使用内联 Css 覆盖 primefaces 中的用户定义的 css

Question

我正在编写一个 Primefaces 代码，我将按如下方式覆盖 .ui-icon-circle-triangle-e

.ui-icon-circle-triangle-e{
                background-image: url("#{resource['image/add-sign.png']}")!important;
                background-position: 0px 0px;   
}

以便更改我的 Rowtoggler 的图标。但这也会更改 Calender 上的图标 .ui-icon-circle-triangle-e(next) 。

我需要为 rowtoggler 保留用户定义的图标，但为 Calender 获取 primefaces 图标。有人可以帮忙吗？ Image of modified Rowtoggler

Answer 1

您必须使您的选择器更加具体。尝试包含要更改 rowToggler 图标的部分。您可以这样做:

#newRowToggler .ui-icon-circle-triangle-e{
    background-image: url("#{resource['image/add-sign.png']}")!important;
    background-position: 0px 0px;   
}

现在它只会更改 ID 为 newRowToggler 的 DOM 元素下的 rowToggler。

但我不知道你所说的 .ui-icon-circle-triangle-e(next) 是什么意思。是否有一个名为“next”的伪选择器，我对此一无所知？