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