css delete line text & html del

css delete line text & html del

html <del>¥720</del>

demo

<span class="ticket-origin-price">
    <del>¥720</del>
</span>

<span class="ticket-origin-price delete-line">
    <span>¥720</span>
</span>

.delete-line{
  text-decoration-line: line-through;
}

OK

---

text-decoration

line-through

https://css-tricks.com/almanac/properties/t/text-decoration/

https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line

/* Single keyword */
text-decoration-line: none;
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: blink;

/* Multiple keywords */
text-decoration-line: underline overline;               /* Two decoration lines */
text-decoration-line: overline underline line-through;  /* Multiple decoration lines */

/* Global values */
text-decoration-line: inherit;
text-decoration-line: initial;
text-decoration-line: unset;

https://stackoverflow.com/questions/1758584/css-line-through-not-being-removed

https://www.w3schools.com/cssref/pr_text_text-decoration.asp

https://love2dev.com/blog/html-css-underline/

---