css - 单击一行时如何阻止 onrowmouseout？

Question

我正在执行以下操作:当鼠标悬停在表格的一行上时，该行会突出显示，当鼠标移出时，该行再次变为白色。但是，如果单击行，则单击的行应保持其颜色(在我的情况下为蓝色)。这是我的代码:

<rich:extendedDataTable onrowclick="this.style.backgroundColor='#BAFFFE'" onrowmouseover ="this.style.backgroundColor='#BAFFFE'"
                            onrowmouseout="this.style.backgroundColor='white'"

问题是，在单击一行之后，如果我们移动鼠标，由于鼠标不在行中，该行再次变为白色。谁能帮我解决这个问题？

谢谢

Answer 1

使用 rich:extended DataTable css 类更容易，因此不需要 javascript:

.rf-edt-b .rf-edt-tbl > tbody > tr {
  background-color: #fff;
}
.rf-edt-b .rf-edt-tbl > tbody > tr:hover {
  background-color: #BAFFFE;
}
.rf-edt-b .rf-edt-tbl > tbody > tr.rf-edt-r-sel {
  background-color: #BAFFFE;
}

rich:extendedDataTable style classes and skin parameters