我有一个由服务器动态创建的HTTP表格,使用数据库中的数据。根据某些值,服务器设置表格行
这一切都很好地工作,但是它会覆盖CSS为表格行悬停设置的背景颜色。
在这种情况下,如何更改表格行悬停时的颜色,最好保持与数据库中的颜色相似?
style="background-color:#RRGGBB"
。这个值来自数据库中的字符串,因此CSS不是一个选项。这一切都很好地工作,但是它会覆盖CSS为表格行悬停设置的背景颜色。
在这种情况下,如何更改表格行悬停时的颜色,最好保持与数据库中的颜色相似?
table tr:nth-child(2n):hover {
background-color: silver;
}
table tr:nth-child(2n+1):hover {
background-color: gray;
}
table tr:nth-child(2n) {
background-color: #DDDDEE;
}
table tr:nth-child(2n+1) {
background-color: #CCCCDD;
}
<table width="100%">
<tr>
<td>Line1</td>
</tr>
<tr>
<td>Line2</td>
</tr>
<tr>
<td>Line3</td>
</tr>
<tr style="background-color:#FFDDDD;">
<td>Line4 - With color, no hover effect</td>
</tr>
<tr style="background-color:#DDFFDD;">
<td>Line5 - With color, no hover effect</td>
</tr>
<tr>
<td>Line6</td>
</tr>
<tr>
<td>Line7</td>
</tr>
<tr>
<td>Line8</td>
</tr>
</table>