将鼠标悬停在按钮上而不触发鼠标指针的变化

Question

我的网站上有一个按钮，可以激活弹出的联系表单。该按钮的构造如下：

<a href="" class="button">Contact</a>

虽然我想删除“a href”部分，以便它不能被视为链接。

如果我使用以下内容：

<p class="button">Contact</p>

然后 a href 被删除，但鼠标悬停时会变成以下内容：
鼠标悬停选择表单

虽然我希望它在悬停时保持正常形式：
鼠标悬停正常形式

认为它可以与：

<img class="button">Contact</img>

但事实并非如此。鼠标悬停时保持正确的形状，但在此示例中看不到“联系”一词。

任何人都可以想到解决方案（无需为按钮制作图像）？

预先感谢
史蒂文

Answer 1

将 CSScursor属性添加到您的<p>标签或相应的类中。（MDN文档）：

.button {
  /* your other styles */
  cursor: default
}