HTML文字删除线设置方法详解

当删除状态由 JS 控制（比如用户勾选后划掉列表项），直接操作 class 比切换标签更可靠。

实操建议：

• 定义通用类：

  .strikethrough { text-decoration: line-through; opacity: 0.7; }

• JS 动态添加：item.classList.add('strikethrough')，移除时用 .remove()
• 注意：不要只依赖 text-decoration: line-through，搭配 opacity 或 color 才能让删除效果在高对比度模式下仍可见
• 若需动画（如划线渐显），得用伪元素模拟，因为 text-decoration 本身不支持 transition

真正容易被忽略的是语义与样式的耦合点：划掉一行字，到底是“编辑痕迹”“价格变更”还是“用户操作反馈”？选错标签，后期改起来比重写样式还麻烦。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~