问题标签 [line-through]

我对 css 动画还很陌生。我想产生一种效果，如果我将鼠标悬停在元素上，则线条会从右到左慢慢消失。我已经收集了所有这些，但是当页面加载时效果已经开始。因此，当我将鼠标悬停在它上面时，什么也没有发生，我真的不知道将鼠标悬停在代码中的哪个位置。另外，我如何确保当我不再将鼠标悬停在它上面时，穿过的线会重新填充？

提前致谢

一个简单的待办事项应用程序有一个问题，当在本地存储中选中复选框时，我无法存储直通。重新加载或刷新后，复选框保持选中状态，但线路已消失。我希望该线路在页面重新加载或刷新后持续存在。我不知道如何将直通功能与恢复功能或任何其他方式结合起来。

我是 reactjs 的新手，我正在寻求帮助，在 reactjs 中为数组中的已完成项目创建一个直通功能（textDecoration）。所有项目都显示为已完成并显示直通，尽管它们并未全部完成。我尝试查看许多不同的教程，但仍然无法让 textDecortion: 'none' 显示未完成的项目。我希望已完成的项目有一个直通，将它们标记为已完成，而未完成的项目没有直通。但是，无论它们是否完成，我得到的是一条贯穿所有项目的线路。希望能帮助理解我哪里出错了。谢谢你。

应用程序.js：-

TodoItem.js:-

我从 jsonplaceholder.typicode 获取了一个待办事项数据，并使用 redux 获取该数据设置了一个操作（我使用 thunk 中间件）。我成功地将数据从 jsonplaceholder 获取到我的组件，并在 reducer 中添加了一个用于切换 todos 的逻辑：

但问题是当我使用复选框切换待办事项时，“line-through”样式由于某种原因闪烁（它显示文本中的罢工，但在我认为 0.5 秒后消失）这就是为什么我需要了解它为什么会发生，是因为我在网上找的吗？还是逻辑有问题？对不起我的菜鸟问题。

这是我的 Todo 组件：

我正在尝试line-through为一堆单词（项目#1、项目#2、项目#3）创建一个点击。我希望它在单击时是直通的，如果再次单击同一个单词，则直通应该再次消失。

我更喜欢css。

我正在尝试使用 CSS 为文本上的一条线设置动画，但是当我单击复选框时，它就像一个待办事项列表，当您选中该框时，它将通过一条线，但我希望这条线从左侧开始对了，谁能告诉我我正在尝试的是否真的可行？如果没有，还有其他方法可以实现这一目标吗？HTML：

第一次在这里提问，其实有点紧张！哈哈

无论如何，删除线有问题。我在 Mac 上使用 Safari，但没有显示该行。在 Chrome 上尝试过，它似乎可以工作。

那么，有没有解决方法？这是我正在尝试使用的 CSS 代码

然后我只是使用跨度

我什么也得不到。

同样，它在 Chrome 上运行良好。只是不在Safari上。：/

我有 -

我需要为元素内部的标签设置“text-decoration：line-through”样式（在 file.css 中）。我尝试在 file.css 中写入下一个，但这对我没有帮助。

我的 html 中有一个文本层，其颜色需要保持透明。我想在文本中添加下划线/删除线装饰。由于文本层是透明的，我不能使用文本装饰，因为它不会显示。对于下划线，我使用了这个：

但我想不出任何其他替代方案。有没有办法在不使用 text-decoration 属性的情况下插入 line-through ？