使用css突出显示所选行

Question

我们如何使用css突出显示表中的选定行。有没有办法做到这一点？

Answer 1

假设“选择”是指“鼠标悬停”：

tr:hover {background-color: #FF0000}

您还可以使用'font-weight：bold'，'color：＃FF000'等内容突出显示。

Answer 2

tr { background: sky-blue-pink } /* Use a real colour */
tr * { background: transparent; }

其中tr是一个更具体的选择器，用于指示您在DOM中表示“已选择”的条件。这可能是一个类选择器：tr.selected

Answer 3

您只需要执行以下操作：

tr:hover { background: #FCF; }

请参阅this示例。

Answer 4

CSS部分：

table.rowHover tr:hover{ background-color: #ccc; }

apply class = "rowHover" on the table

欢呼!!!