gpt4 book ai didi

jsf-2 - 如何自定义丰富的面孔默认CSS?

转载 作者:行者123 更新时间:2023-12-04 19:58:30 24 4
gpt4 key购买 nike

我是 Rich Faces 的新手。我们有一个带有验证的表单。我们使用 rich:message 来显示错误信息。如果用户没有输入数据并单击保存,则会显示验证消息。由于我使用的是 rich:message,所以错误消息中有一条错误消息后跟文本。

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

请帮助我。

最佳答案

改变样式和字体有两种方式:

  1. 有皮肤
  2. 使用 CSS

皮肤允许您自定义一些 样式(如字体),但不是所有样式。要创建自己的皮肤,请添加 yourskinname.skin.propertiesMETA-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

但皮肤不足以满足您的情况(例如,删除错误图像),因此您需要按照@Asad 的建议使用 CSS。我个人对此解决方案有疑问: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;
}

关于jsf-2 - 如何自定义丰富的面孔默认CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6894659/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com