css - 如何阻止 richfaces 向面板和日历添加边框？

Question

我希望使用自定义的 richfaces 皮肤来处理我的大部分演示工作。不幸的是，richfaces 在日历组件中的每个单元格和每个面板周围呈现边框。我想将它们关闭，以便天数位于一个没有边界的开放网格中。没有明显的方法可以使用日历控件的外观或属性来做到这一点。

我可以使用自定义 CSS，但我更愿意使用框架从 richfaces 创建的样式表中完全删除与边框相关的属性，而不是对抗框架并使用丑陋的 CSS 覆盖所有内容.

那么如何阻止 richfaces 向面板和日历添加边框？

---

这家伙有一个 similar problem

Answer 1

从版本 3.3.0.GA 开始，无法要求 richfaces 停止渲染边框和背景的 CSS。有必要覆盖内置样式表中的每个属性(包含在 org.richfaces.renderkit.html.css 中的样式表，它是 richfaces-ui-3.3.0.GA.jar 的一部分)。

Plug and skin为您提供必要的能力来做到这一点，就像使用常用技术添加自定义 CSS 一样，尽管插件和皮肤可以说更好，因为您可以引用抽象颜色定义来补偿缺失的背景，如下所示:

<u:style name="color" skin="abstractColorName" />

以下 CSS 属性可用于快速中和边框和背景相关属性。

border: none;
background: transparent;

要开始使用插件和皮肤，您可以使用以下 Maven2 命令序列:

mvn archetype:generate -DarchetypeGroupId=org.richfaces.cdk -DarchetypeArtifactId=maven-archetype-plug-n-skin -DarchetypeVersion=3.3.0.GA -DartifactId=fil-skins -Dpackage=com.feelitlive.richfaces -DgroupId=com.feelitlive.server -Dversion=0.0.1-SNAPSHOT -DarchetypeRepository=http://repository.jboss.com/maven2/
cd fil-skins
mvn cdk:add-skin -Dname=fil -Dpackage=com.feelitlive.richfaces.skins

这最好从命令行完成，因为不幸的是 Eclipse 插件无法在 jboss 存储库中找到原型(prototype)(其他 IDE 可能处理得更好)。您需要更改 artifactId、groupId、package、version 和 name 属性以适合您的元素。选择一个工件和包名称，以反射(reflect)工件的范围以保存多个皮肤定义。

---

虽然需要大量工作，但有可能添加对通用格式 xxxBackgroundEnabled 和 xxxBorderEnabled 中的皮肤属性的支持，以根据具体情况关闭这些边框和背景 CSS 的渲染。

您需要与 richfaces 团队合作来修补 org.richfaces.renderkit.html.css 中的 xcss 文件。您还需要 XCSS JSF 标记库之一中的某种条件输出功能(由 XCSS 文件中的 http:/jsf.exadel.com/template/util 或 http:/jsf.exadel.com/template 标识)我希望使用它来包装 XCSS 文件中的 CSS 属性组。

如果您对 richfaces 进行了这样的修改，那么您将能够从任何皮肤的属性文件中禁用有争议的 CSS 呈现。