如何使用CSS僅懸停突出顯示錶格行？

Question

是否可以使用CSS（無JavaScript）在懸停（類似this）上突出顯示錶格行？

Answer 1

是的，一行是可能的，但不是一列。

tr:hover { 
    background-color: lightyellow; 
} 

Answer 2

如果你不關心Internet Explorer，在:hover CSS僞類適用於任何元素。

如果您對做了關心IE，您可以找到解決方法here。

Answer 3

是的，它是可能的，但你必須在這裏不用擔心瀏覽器的兼容性是一個例子

<style type="text/css"> 
    .tbl {width: 640px;} 
    .tbl tr {background-color: Blue; height: 24px} 
    .tbl tr:hover {background-color: Red;} 
</style> 


<table class="tbl"> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
</table> 

Answer 4

<style type="text/css"> 
    tr.tr-hover-class:hover { 
     background: grey !important; 
    } 
</style> 

<table> 
    <tr class='tr-hover-class'></tr> 
</table>