如何自定義豐富的面孔默認的CSS？

我是Rich Faces的新手。我們正在驗證表格。我們使用rich：消息來顯示錯誤消息。如果用戶沒有輸入數據，並且他點擊保存，則會顯示驗證消息。當我使用rich：message時，錯誤消息有一條錯誤消息，後面跟着文本。如何自定義豐富的面孔默認的CSS？

如何刪除錯誤圖像以及如何更改字體樣式？

請把我留在這裏。

來源

2011-08-01 Raj

你檢查在[鏈接]標籤規格（http://docs.jboss.org/richfaces/latest_3_3_X/en /devguide/html/rich_message.html），最後有一個鏈接指出如何使用帶有richfaces標籤的自定義css類。 –

有兩種方式改變風格和字體：

隨着皮膚
使用CSS

皮膚允許您自定義一些樣式（如字體），但不是萬能的。要創建自己的皮膚，請在META-INF/skins目錄中添加一個yourskinname.skin.properties。此外，添加以下行web.xml：

<context-param> 
    <param-name>org.richfaces.skin</param-name> 
    <param-value>yourskinname</param-value> 
</context-param>

的內容，複製的richfaces-core-impl-4.0.0-Final.jar的META-INF/skins文件夾中的一個文件的內容，並更改所需的屬性。通過在文件中添加「baseSkin=name of base skin」，您可以只提供一部分屬性：您的文件中未描述的屬性將從基礎皮膚中檢索。

例如，改變字體爲「宋體13像素」，你的文件看起來像：

baseSkin = DEFAULT 
generalSizeFont=13px 
generalFamilyFont=Calibri 

# Fonts 
headerSizeFont=13px 
headerFamilyFont=Calibri 

tabSizeFont=13px 
tabFamilyFont=Calibri 

buttonSizeFont=13px 
buttonFamilyFont=Calibri

對於較深移出，看http://docs.jboss.org/richfaces/latest_4_0_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

但皮膚是不夠的情況下（例如刪除錯誤圖片），因此您需要使用CSS，正如@Asad所建議的那樣。個人意見，我有這個解決方案的問題：richfaces CSS總是加載後我的。我找到了一種克服這個問題的方法：我在中放置了我的自定義值，在<body>標記中，然後我的CSS被加載到richfaces之後，所以我可以重載值。

消息的CSS標籤描述如下：http://docs.jboss.org/richfaces/latest_4_0_X/Component_Reference/en-US/html/chap-Component_Reference-Output_and_messages.html#sect-Component_Reference-richmessage-Style_classes_and_skin_parameters;因此，除去對錯誤信息的圖標，你可以添加以下語句CSS：

.rf-msg-err { 
    background-image: none; 
}

來源

2011-08-01 10:19:04 DenisGL

如何自定義豐富的面孔默認的CSS？

回答

相關問題