使用css突出显示选中的行

Question

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

Answer 1

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

其中tr是一个更具体的选择，表示你拥有的任何条件的DOM表示“选择”。这可能将是一个类选择：tr.selected

Answer 2

你必须做一些事情，如：

tr:hover { background: #FCF; } 

见this例子。

Answer 3

假设通过“选择”你的意思是“鼠标悬停鼠标”：

tr:hover {background-color: #FF0000} 

你也可以突出显示的东西，如“字体重量：大胆”，“颜色：＃FF000”等。

Answer 4

CSS部分：

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

apply class = "rowHover" on the table 

的欢呼声！