删除 <del> 标记应用的样式

【问题标题】：Remove styling applied by <del> tag删除 <del> 标记应用的样式
【发布时间】：2022-10-13 14:23:00
【问题描述】：

我有一个带有<del> 标签的价格标签元素。删除线未居中。

以下问题和答案有助于理解如何应用这些样式。我自己测试了答案，它工作正常，删除线可以按我想要的方式居中。

.strike-center:after {
    border-top: 1px solid #000;
    position: absolute;
    content: "";
    right: 0;
    top:50%;
    left: 0;
}

如何删除<del> 标签应用的现有样式？

【问题讨论】：

【解决方案1】：

以下应该做到这一点：

del {
   all: unset;
}

【讨论】：

有效。请参阅 JSFiddle jsfiddle.net/qualc0m/ohw0rbeL/1。是否存在连all: unset 也无法清除删除线的情况。因为在我的应用程序中，删除线仍然存在。
我将其发布为另一个问题stackoverflow.com/questions/74052344/…
如果您在同一个浏览器中测试您的应用程序和 jsfiddle 并且得到不同的结果，则可能有其他东西覆盖了 all 规则，或者根本没有应用 all 规则。看看网络检查器