如何“基于条件以自定义颜色“突出显示所选行”

Question

我根据条件给了rowStyle。该数据表还具有选择（复选框）选项。

rowStyleClass="#{condt ? myStyle : null}"

我希望保留应用于行的自定义样式，即使选择了该样式（即选中了复选框）也是如此。默认情况下，选中该行时，无论所应用的样式如何，该行均以黄色突出显示。

CSS：

 .ui-datatable .ui-state-highlight {
        background-image: none;
        background-color: yellow !important;
    }
    .myStyle  {
        background-image: none;
        background-color: red !important;
    }

即使选中了复选框，我是否可以保留已经应用的rowStyle。

Answer 1

要在选择行（复选框）时保留自定义颜色，我在CSS下面使用了

.ui-datatable .ui-state-highlight.myStyle {
            background-image: none;
            background-color: red !important;
        }

这样做，未应用样式的选定行将以黄色突出显示，但是如果选择了应用了自定义样式的行，则仅选中该复选框，并且该行的突出显示颜色将被选中。不会变成黄色。