使用CSS在鼠标悬停时更改表格中行的背景颜色非常简单:
.HighlightableRow:hover
{
background-color: lightgray;
}
同时还有HTML:
<table>
<tr class=HighlightableRow>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<tr>
<tr class=HighlightableRow>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<tr>
</table>
有时,当我将鼠标悬停在一对行上时,我希望突出显示它们。例如,在表格中显示工作订单列表时,第一行包含创建者、创建日期、紧急程度等信息,而第二行则包含所请求的工作摘要。
除了使用JavaScript onmouseover/onmouseout事件处理程序之外,是否有其他方法可以创建像上面显示的效果?最好使用CSS。