如何自定义富脸默认css?

Raj*_*Raj 2 jsf-2

我是Rich Faces的新手.我们正在提供一份带有验证的表格.我们正在使用rich:message来显示错误消息.如果用户未输入数据,并且单击"保存",则将显示验证消息.当我使用rich:message时,错误消息后面会出现一条错误消息.

如何删除错误图像以及如何更改字体样式?

请关注我.

Den*_*sGL 8

有两种方法可以更改样式和字体:

  1. 用皮肤
  2. 用CSS

Skin允许您自定义某些样式(如字体),但不能自定义所有样式.要创建自己的皮肤,添加yourskinname.skin.propertiesMETA-INF/skins目录中.另外,添加以下行web.xml:

<context-param>
    <param-name>org.richfaces.skin</param-name>
    <param-value>yourskinname</param-value>
</context-param>
Run Code Online (Sandbox Code Playgroud)

对于内容,复制文件META-INF/skins夹的一个文件的内容richfaces-core-impl-4.0.0-Final.jar,并更改所需的属性.您可以通过baseSkin=name of base skin在文件中添加" "来仅提供属性的子集:将从基础皮肤中检索文件中未描述的属性.

例如,要将字体更改为"Calibri 13px",您的文件将如下所示:

baseSkin = DEFAULT
generalSizeFont=13px
generalFamilyFont=Calibri 

# Fonts
headerSizeFont=13px
headerFamilyFont=Calibri 

tabSizeFont=13px
tabFamilyFont=Calibri 

buttonSizeFont=13px
buttonFamilyFont=Calibri 
Run Code Online (Sandbox Code Playgroud)

有关更深入的解释,请查看http://docs.jboss.org/richfaces/latest_4_0_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

但是皮肤不适合您的情况(例如删除错误图像),因此您需要使用CSS,如@Asad所示.Personaly,我遇到了这个解决方案的问题:richfaces CSS总是我的后面加载.我找到了一种克服这个问题的方法:我把一个<h:outputStylesheet library="css" name="myrichfaces.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;
}
Run Code Online (Sandbox Code Playgroud)