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

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
}

Answer 2

试试这个CSS：

.button{
   cursor: default;
}