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的图标。但这也改变了日历上的图标.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'的伪选择器，我对此一无所知？

使用内联Css覆盖端面中的用户定义的css

1 个答案: