如何自定义富脸默认css?

时间:2011-08-01 05:58:52

标签: jsf-2

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

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

请关注我。

1 个答案:

答案 0 :(得分:8)

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

  1. 使用皮肤
  2. 使用CSS
  3. Skin允许您自定义某些样式(如字体),但不能自定义所有内容。要创建自己的皮肤,请在yourskinname.skin.properties目录中添加META-INF/skins。另外,在web.xml中添加以下行:

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

    对于内容,请复制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 
    

    要进行更深入的移植,请查看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之后加载,所以我可以重载值。< / p>

    此处描述了消息的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;
    }