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

Question

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

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

问题是，单击一行后，如果我们移动鼠标，由于鼠标不在，该行再次变为白色。有人可以帮我吗？

谢谢

Answer 1

使用 rich:extendedDataTable 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 样式类和皮肤参数