覆蓋用戶定義的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

回答

相關問題