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
}