ホームページでデフォルト時「テキスト編集カーソル」にしない方法

通常、何も指定しなければテキスト上にカーソルがあると「テキスト編集カーソル」になります。常に「テキスト編集カーソル」になっている事自体、コピーを促しているように感じてしまうのです(私だけではないはず)。
そこで、デフォルトでは「テキスト編集カーソル」にしない方法を紹介します。

CSSを用いた方法

CSSに次の1行を追加するだけです。
html {cursor: default;}

HTMLを用いた方法

HTMLのどこかに次の1行を追加するだけです。
<style>html {cursor: default;}</style>

結果

テキストの上にマウスを置いても通常のカーソルになります。
リンクをフォーカスしている時にちゃんと指のカーソルになります。

@bicstone

大石貴則 (Ōishi Takanori) と申します。 Webエンジニア / セキュリティスペシャリスト / 機械エンジニア です。 プロダクトに幅広く携わり、相互成長し続けられるエンジニアを目指しています。

GitHubLinkedIn