悬停时更改文本，然后返回上一个文本
我有一个评论系统，每个评论都有一个按钮，该按钮通常显示对其的回复数量。我希望当用户将鼠标悬停在按钮上时，文本从“
3个答复”更改为“答复！”，然后，当鼠标离开按钮时，文本返回“ 3个答复”。
由于每个评论的回复数量各不相同，因此我无法执行简单的mouseover /
mouseout脚本。解决该问题的一种方法是将答复数作为变量传递，并创建一个小的函数来处理它。但是必须有一个更简单的方法。我尝试在CSS中使用：hover东西来更改标签的内容（具有CSS属性内容），但是还没有运气。
任何帮助表示赞赏，谢谢！
问题答案：
是的，您可以使用CSS content。要在普通文本和“回复！”之间切换，请将普通文本放在a中，span并在悬停时将其隐藏。
HTML：
<button><span>3 replies</span></button>
CSS：
button {width:6em}
button:hover span {display:none}
button:hover:before {content:"Reply!"}
编辑：这可以在IE8中使用，但不能在其兼容模式下使用，所以我认为IE7已退出。那会是个问题吗？
-
使用React钩子，我想改变我的按钮的文本，当用户点击它说“添加”，然后我想设置回原来的文本“添加到购物车”后1秒。我假设我会为此使用setTimeout，但在这种情况下，我很难弄清楚如何使用它。 我有这个 到目前为止。
-
问题内容： 我需要一个包含图像的菜单，当有人将鼠标悬停在菜单上时，图像应该会更改。 HTML CSS 我面临的问题是，当我将 鼠标悬停 在菜单项周围时，要显示在悬停上的图像显示 在 旧图像 的背面 。此外，显示的悬停背景图像的宽度和高度 很小 。请帮忙。谢谢！[在此处输入图片描述] [1] 问题答案： 将此代码放在结束body标签之前， 将课程首页放置在标签中。做完了 完美运作。
-
问题内容： 我将鼠标悬停在图像上时要显示说明。我已经以一种不太理想的方式做到了这一点，在这里使用了图像精灵和鼠标悬停：我希望它看起来像我的样子，但是使用真实文本而不是图像。 我尝试了几种不同的方法，但似乎无法弄清楚该怎么做。我正在尝试仅使用HTML和CSS进行操作，但不确定是否可行。 请随意在我的代码中四处浏览，我将粘贴我认为与之相关的内容。 HTML 这很简单。将图片和“出现在悬停时”说明包装在
-
问题内容： 我想制作一个（文本编辑器）。我将“读取”光标下方的文本，并显示一个动态生成的依赖于文本的悬停。现在，我遇到的问题是我不知道如何阅读文本并“添加”悬停。 这是我的第一场比赛，因此我对可以获得的每条小技巧感到高兴。 编辑： 我想将其集成到默认 编辑器中。我试图用编辑器模板创建一个新文件，但是我认为这是错误的方法。 最后编辑： PKeidel的答案正是我在寻找:) 谢谢PKeidel 问题答
-
问题内容： 我知道，如果鼠标悬停在文本上方，将允许显示文本。我想知道是否可以在鼠标悬停时更改图像？提前致谢。 问题答案： 我会在您保存图片的组件中添加一个。 然后只需重写方法并 更改图像即可。 这是一个完整的工作示例：
-
我有这个纽扣元素 当我把鼠标悬停在按钮上时，我想改变里面文本的颜色。我想对h4和p文本使用相同的悬停颜色。 这是我现在的CSS 我尝试过这个解决方案： 但这只有在我将鼠标悬停在h4和p标签上时才会起作用。因此，当我将鼠标悬停在按钮上时，我想对h4和p应用相同的颜色，而不仅仅是文本。