打消し線の色を変える
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>
これで 打ち消し線と文字の色を別にすることができます。
