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

的歡呼聲！