CSS删除与文本不同的颜色？
HTML元素del ， strike或s可以全部用于文本穿透效果。 例子：
<del>del</del>
....给出：德尔
<strike>strike</strike> and <s>strike</s>
....给出：罢工和罢工
可以类似地使用带有line-through值的CSS text-decoration属性。 代码...
<span style='text-decoration:line-through'>
text-decoration:line-through
</span>
...也将呈现为：text-decoration：line-through
但是，删除线通常与文本颜色相同。
CSS可以用来制作不同的颜色？
是的，通过添加一个额外的包装元素。 将所需的直通颜色指定给外部元素，然后将所需的文本颜色指定给内部元素。 例如：
<span style='color:red;text-decoration:line-through'>
<span style='color:black'>black with red strikethrough</span>
</span>截至2016年2月 ，CSS 3的支持如下。 这是WooCommerce的单一产品页面的一个片段，价格折扣
/*Price before discount on single product page*/
body.single-product .price del .amount {
color: hsl(0, 90%, 65%);
font-size: 15px;
text-decoration: line-through;
/*noinspection CssOverwrittenProperties*/
text-decoration: white double line-through; /* Ignored in CSS1/CSS2 UAs */
}
导致： 
CSS 3可能会使用text-decoration-color属性直接支持。 尤其是：
text-decoration-color CSS属性设置绘制由text-decoration-line指定的下划线，上划线或走向时使用的颜色。 这是对这些文本装饰进行着色的首选方式，而不是使用其他HTML元素的组合。
另请参阅CSS 3草稿规范中的text-decoration-color 。
如果要立即使用此方法，则可能必须使用-moz-text-decoration-color作为其前缀。 （为了向前兼容，也可以在-moz-指定它。）
我已经使用了一个empty :after元素并在其上装饰了一个边框。 您甚至可以使用CSS转换将其旋转为斜线。 结果：纯CSS，没有额外的HTML元素！ 下行：不会跨越多行，尽管IMO不应该在大块文本上使用删除线。
s,
strike {
text-decoration: none;
/*we're replacing the default line-through*/
position: relative;
display: inline-block;
/* keeps it from wrapping across multiple lines */
}
s:after,
strike:after {
content: "";
/* required property */
position: absolute;
bottom: 0;
left: 0;
border-top: 2px solid red;
height: 45%;
/* adjust as necessary, depending on line thickness */
/* or use calc() if you don't need to support IE8: */
height: calc(50% - 1px);
/* 1px = half the line thickness */
width: 100%;
transform: rotateZ(-4deg);
}<p>Here comes some <strike>strike-through</strike> text!</p>