javascript - 如何在用户将鼠标悬停在文本上时删除文本

Question

当用户将鼠标悬停在按钮上时，我想删除文本。

这是我目前所拥有的:

button{  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  outline:none;
  color: white;
}

body{
background-color: black
}

<button>Hello</button>

有什么建议吗

Answer 1

只需使用 :hover CSS pseudo-class 和 text-decoration CSS property .

而且，实际上，如果您只是想要文本而不是真正制作可点击的按钮，您几乎可以使用任何元素，但是 div 允许您删除所有使按钮看起来不像按钮的样式。

body { background-color: black }
div { color: white; cursor:pointer; }
div:hover { text-decoration:line-through; }

<div>Hello</div>