经过一些研究,我找不到这个问题的答案。有 this但它并没有真正回答我的问题。我想在 CSS 中“删除”一个完整的 HTML 表格行,而不仅仅是其中的文本。有可能吗?从我链接的示例来看,似乎 tr 样式甚至在 Firefox 中都不起作用。 (无论如何,文字修饰只适用于文字 afaik)
最佳答案
哦,是的,是的!
CSS:
table {
border-collapse: collapse;
}
td {
position: relative;
padding: 5px 10px;
}
tr.strikeout td:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
border-bottom: 1px solid #111;
width: 100%;
}
HTML:
<table>
<tr>
<td>Stuff</td>
<td>Stuff</td>
<td>Stuff</td>
</tr>
<tr class="strikeout">
<td>Stuff</td>
<td>Stuff</td>
<td>Stuff</td>
</tr>
<tr>
<td>Stuff</td>
<td>Stuff</td>
<td>Stuff</td>
</tr>
</table>
关于html - 划线/删除线穿过整个 HTML 表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4619542/