css – 更改手风琴面板选项卡的颜色

前端之家收集整理的这篇文章主要介绍了css – 更改手风琴面板选项卡的颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用primefaces的手风琴面板.在选项卡内部,我有以编程方式创建的表单.每个表单都有一个提交按钮.现在我想更改选项卡的颜色,如果已提交此选项卡的表单.那么有可能改变一个特定标签的颜色,我怎么能设法使这个工作?

我想我必须使用这里提到的不同的样式类,但我不太确定如何使用它们.

How to highlight a primefaces tree node from backing bean

任何帮助表示赞赏

解决方法

您可以使用< p:tab>的titleStyleClass.为此标记.例如.
<p:accordionPanel>
    <p:tab title="Step 1" titleStyleClass="#{bean.step1Completed ? 'completed' : ''}">
        ...
    </p:tab>
    <p:tab title="Step 2" titleStyleClass="#{bean.step2Completed ? 'completed' : ''}">
        ...
    </p:tab>
    <p:tab title="Step 3" titleStyleClass="#{bean.step3Completed ? 'completed' : ''}">
        ...
    </p:tab>
</p:accordionPanel>

这将在条件返回true时将选项卡的CSS样式类设置为已完成.您可以在自己的style.css文件中的.completed {}样式类中指定所需的CSS,该文件放在/ resources文件夹中,并包含在< h:outputStylesheet name =“style.css”>中.

.completed {
    background: pink;
}
原文链接:https://www.f2er.com/css/242282.html

猜你在找的CSS相关文章