如何从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组件上。

有两种解决方案：

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

使用一些jQuery脚本可以轻松实现第二个解决方案：

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

（这意味着加载页面后，找到包含CSS类的所有元素 rich-stglpanel 并删除此类）。