如何从 Richfaces 组件中删除 css 类？

Question

我正在使用rich:simpleTogglePanel，它将这 3 个 css 类放在 div 上：

rich-stglpanel
rich-stglpanel-header
rich-stglpnl-marker
rich-stglpanel-body

有什么方法可以删除这些类吗？

Answer 1

每个 Richfaces 组件都带有一组 CSS 类。这些 CSS 类用于自定义切换面板（或任何其他 RF 组件）的外观。正如component guide 中解释的那样，这四个 CSS 类确实附加到了 RF 框架生成的 HTML 组件中。

有 2 种解决方案适合您：

1. 自定义您的 CSS 以扩展四个 CSS 类的默认属性。这样，您将获得该组件所需的渲染效果。
2. 使用 JavaScript 删除 CSS 类（不推荐）。

第二种解决方案可以通过一些 jQuery 脚本轻松实现：

jQuery(document).ready(function() {
    jQuery(".rich-stglpanel").removeClass("rich-stglpanel");
    ...
});

（这意味着一旦页面被加载，找到所有具有 CSS 类的元素rich-stglpanel并删除这个类）。