除了背景颜色样式属性之外,还有其他方法可以向表格单元格添加(背景)颜色吗?我有一些表格,其中包含以编程方式生成的文本内容和背景颜色,它们可能会自行更新。我想暂时突出显示某些单元格(想象一下移动的光标),理想情况下不会触及现有代码或干扰背景颜色样式。
也许我可以计算一些覆盖 DIV,但我更喜欢可以在单元格本身上尝试的任何内容。
你可以使用插图box-shadow
覆盖你的background
td {
background: red;
padding: 1em;
}
td:hover, .highlight {
box-shadow: inset 0 0 0 50px yellow;
}
td.highlight:hover {/* ? needed ? */
box-shadow: inset 0 0 0 50px green;
}
<table>
<tr>
<td>
cell to hover
</td>
<td>
cell to hover
</td>
<td class="highlight">
cell to highlight
</td>
</tr>
</table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)