CSS strikethrough different color from text?

Question

The HTML elements `del`, `strike`, or `s` may all be used for a text strike-through effect. Examples: del....gives: del strike and strike....gives: strike and strikeThe CSS `text-decoration` property with a value `line-through` may be used similarly. The code... text-decoration:line-through ...will also render to look like: text-decoration:line-through However, the strikethrough line is typically the same color as the text. Can CSS be used to make the line a different color?

Answer 1

Yes, you can change the line to a different color via CSS. Here is an example:

<style>

span.red-line {

text-decoration: line-through;

color: red;

}

span.blue-text {

color: blue;

}

</style>

<span class="red-line">

<span class="blue-text">

This is my text!

</span>

</span>