打消し線の色を変える

CSS で打ち消し線を表示するには text-decoration に line-through を指定しますが、打ち消し線の色と文字の色を 個別に設定することができません。

打ち消し線と文字の色を別にするには、 次のように <span> を入れ子にします。 外側の <span> で「打ち消し線と文字の色」、 内側の <span> で「文字の色」を設定します。

span.del {
    color: red ;
    text-decoration : line-through ;
}
span.del span {
    color: black ; 
}
<span class="del"><span>test</span></span>

これで 打ち消し線と文字の色を別にすることができます。

Google サイト内検索

Amazonアソシエイト