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>

Answer 2

对不起，我会在一分钟内发布正确答案:)（误读）

var pOut = $("span").css("text-decoration"); //line-through
if (pOut == "line-through") {
  $("span").css("color", "red");
}

span {
  text-decoration: line-through;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>hello <span>crazy world</span> world!</p>

编辑：

span {
  position: relative;
  font-size: 50px;
  padding: 0;
  margin: 0;
}
span.redline:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 55%;
  left: 0;
  border-top: rgba(255, 0, 0, 1) 4px solid;
}

<p>hello <span class="redline">crazy</span> world!</p>