超過

Question

鼠標改變整個表我有一個非常簡單的表格進行測試

<table> 
<th>Header</th> 
<tr><td>Somecontent</td></tr> 
</table> 

現在我一定能行

<th onMouseOver="this.style.backgroundColor='#123456'" OnMouseOut="this.style.backgroundColor='#234567'" >Header</th> 

但這也只是突出頭。我無法將此代碼添加到該代碼中，因爲它不起作用。任何想法如何我可以突出鼠標懸停整個表？

Answer 1

@Sebastian海恩請檢查下面的代碼。我希望你也期待着這一點。

table:hover { 
 
    background-color: #FFEB3B; 
 
    color: red; 
 
}

<table> 
 
<tr> 
 
<th>Header</th> 
 
<th>Header</th> 
 
</tr> 
 
<tr><td>Somecontent</td> 
 
<td>Somecontent</td> 
 
</tr> 
 
</table>

Answer 2

嘗試我的code.hope它可能會幫助你。

.sample { 
 
border:1px; 
 
} 
 
.sample th{ 
 
background-color:red; 
 
} 
 
.sample th:hover{ 
 
background-color:blue; 
 
}

<table class="sample" border=1> 
 
<tr><th>Header</th></tr> 
 
<tr><td>Somecontent</td></tr> 
 
</table>

Answer 3

你爲什麼要使用內聯JS和CSS的組合？把這東西放在你的樣式表中...

table:hover { 
    background: red; 
} 

Answer 4

我不是專家，但也許你應該使表ID和使用一些jQuery的功能。