如何从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组件）的方面。 正如组件指南中所解释的那样，四个CSS类确实附加到RF框架生成的HTML组件上。

有两种解决方案：

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

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

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

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