リンクにカーソルを合わせたときに表示されるハンドカーソルを削除することはできますか？ （または、通常のポインタとして設定したままにします）

Question

ハイパーリンクにカーソルを合わせたときに表示されるハンドカーソルを削除したいと思います。

私はこのCSSを試しました：

a.link {
    cursor: pointer;
}

この：

a.link {
    cursor: pointer !important;
}

それでも、リンクの上にマウスを置くと、手に変わります。

なぜこれが起こるのか、私がこの効果を達成できる解決策についてのアイデアはありますか？

Answer 1

それがまさにcursor: pointer;がすべきことです。

カーソルを通常のままにしたい場合は、cursor: defaultを使用する必要があります

Answer 2

インラインスタイリングを使用するには、<a href="your link here" style="cursor:default">your content here</a>を使用します。こちらをご覧ください 例

または、cssを使用します。これを参照してください 例 。

このソリューションは、ブラウザ間の互換性があります。

Answer 3

<button>
  <a href="https://accounts.google.com/ServiceLogin?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fpc%3Den-ha-apac-in-bk-refresh14&service=mail&dsh=-3966619600017513905"
     style="cursor:default">sign in</a>
</button>

Answer 4

これを試して

ハンドカーソルを削除するには

a.link {
    cursor: default;
}