我有一个表格,每列都有1像素的底部边框。当鼠标悬停在行上时,我想将边框设置为2像素,如下例所示:
tr td {
border-bottom: 1px solid grey;
}
tr:hover td {
border-bottom: 2px solid red;
}
<table>
<tr><td>foo</td><td>bar</td></tr>
<tr><td>foo</td><td>bar</td></tr>
</table>
当鼠标悬停在该行上时,该行会增加高度并将下一行向下移动1像素。
我能否增加边框大小而不影响高度?