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

Question

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

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

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

如果我使用以下内容：

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

然后移除a href但鼠标悬停时鼠标会变为以下内容：

虽然我希望它在悬停时保持正常状态：

认为它适用于：

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

但事实并非如此。鼠标悬停时鼠标保持正确的形式，但此示例中“联系人”一词不可见。

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

提前致谢
史蒂芬

Answer 1

将CSS cursor属性添加到<p>标记或相应的类中。 （MDN document）：

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

Answer 2

试试这个css：

.button{
   cursor: default;
}