覆盖用户定义的CSS与内联CSS

我写一个Primefaces代码我在哪里覆盖的.ui图标圈三角-E如下覆盖用户定义的CSS与内联CSS

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

，从而改变图标我Rowtoggler。但是这也会在日历上更改图标.ui-icon-circle-triangle-e（下一个）。

我需要保持对rowtoggler用户定义的图标，但得到的日历图标primefaces。有人可以帮忙吗？ Image of modified Rowtoggler

来源

2015-10-14 Siddharth.Singh

的可能的复制[如何覆盖使用自定义样式默认PrimeFaces CSS？]（http://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-样式） – Kukeltje

创建此问题时，必须通过计算器显示重复项。你注意到了吗？ – Kukeltje

@Kukeltje我不认为它是重复的，OP成功地重写了PrimeFaces风格，但他在任何地方都做到了，并且不想成为全局的（在'p：calendar'中看起来像）。他需要的是更具体的CSS选择器imo。 – Geinmachi

你必须让你的选择更具体。尽量包含要更改rowToggler图标的部分，你可以像这样做：

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

现在西港岛线仅改变与ID的DOM元素下的rowToggler：newRowToggler。

但我不知道你的.ui图标圈三角-E（未来）的意思。是否有名为'next'的伪选择器，我对此一无所知？

来源

2015-10-15 10:41:22

'下一个'指的是日历中的按钮（工具提示是'下一个'）如果OP会知道这些类型的假选择器知道更多特定的选择器会出现。而且你的答案只是部分好，因为它仍然失败了一个行扩展中的日历，因为可以在我提到的原始“重复”中读取。 – Kukeltje

您可以随时使用上述语义将样式类设置为扩展行，它也适用于行扩展中的日历。我没有看到重复的方式。 –

我的意思是，如果在rowexpansion中有一个日历，那么OP将会有同样的问题，这个图标也被覆盖。您不需要向rowexpansion添加一些其他类以防止嵌套日历也使用新图标 – Kukeltje

覆盖用户定义的CSS与内联CSS

回答

相关问题