css - {CSS} "text-decoration: line-through"在文本上绘制的线条的不同颜色？

Question

是否可以更改换行文字的线条颜色？我的意思是，例如，黑色文本和红色线条!？

Answer 1

您可以像这样使用一些 CSS 技巧:

    .line-through-text {
        position: relative;
        color: blue;
    }

    .line-through-text:before {
        border-bottom: 2px solid orange;
        position: absolute;
        content: "";
        width: 100%;
        height: 50%;
    }

<h2>
Hello There! <span class="line-through-text">This is wrong,</span> This is correct
</h2>