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

Question

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

Answer 1

抱歉，我会在一分钟内post更正答案:)（误读）

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>

Answer 2

您可以像这样使用一些 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>

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

{CSS} A different color for the line which is drawn on a text by "text-decoration: line-through"?

css

line-through