使用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; }

看这个例子。

Answer 4

CSS部分：

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

apply class = "rowHover" on the table

干杯!!!