Change your strikethrough colour

[Leprakawn]

Okay, so I saw someone's post on this elsewhere long, long ago, and I was in search of it a while back but could not find it. So, that led me to my own creativity and method of figuring it out. And it seems like there are a few of you out there wondering how to do it as well.

Want to change the colour of your strikethrough or line-through?

Let's go create a 1x3 px, transparent gif/png, and put a single dot—of course, with the colour of your choice—in the middle of it. Save it as whatever file name you want, but for the example, call it strike.png.

Use this in your CSS:
.strikemeout{
background:url(strike.png) repeat-x;
background-position:center 3px;
}

Then your HTML... 
<span class="strikemeout">Look at me!</span>

Of course, the height position (3px) depends on the size of your txt, so feel free to adjust it as needed.

[curtiss]

Nice information. However, instead of using 3px, you could use ex units (ex is supposed to be the height of a lowercase x in the particular font/size you're using, and em is supposed to be the width of a lowercase m, I believe).

Therefore, if you wanted the strikethrough to run at the top of your lowercase letters, no matter what size you set your text to, you could use "1ex" instead of "3px". If you wanted the line to run through the middle of your lowercase letters, you could conceivably use .5ex.