s 打消し線の太さと色を変更コピペで使えるHTML+CSS

無効なテキストを指定するS要素は一般的なブラウザでは文字の中央に打消し線が引かれます。text-decorationを修正して線の種類や太さ、色を変更します。

sの打消し線の色、太さを変更する

打消し線は text-decoration: line-throughです。因みに、この部分を underline にすれば下線になります。ここでは線の種類をline-throughのままとし、太さを4px、直線のsolid、色を赤#ff0000に指定します。

~~20時まで営業しています~~ 特別営業につき、23時まで営業中です。

<s style="text-decoration: line-through 4px solid #ff0000;">20時まで営業しています</s> 特別営業につき、23時まで営業中です。

<s class="s-bold-red">20時まで営業しています</s> 特別営業につき、23時まで営業中です。

.s-bold-red{
    text-decoration: line-through 4px solid #ff0000;
}