有一种黑客方法可以做到这一点,使用:before
伪元素.你给:before
个边框,然后用CSS变换旋转它.这样做不会向DOM添加额外的元素,添加/删除删除删除线与添加/删除类一样简单.
:before
将在do支持:before
但不支持CSS转换的浏览器中优雅地降级..strikethrough {
position: relative;
}
.strikethrough:before {
position: absolute;
content: "";
left: 0;
top: 50%;
right: 0;
border-top: 1px solid;
border-color: inherit;
-webkit-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg);
}
<span class="strikethrough">Deleted text</span>