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

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

そこで、デフォルトでは「テキスト編集カーソル」にしない方法を紹介します。

CSSを用いた方法

CSSに次の1行を追加するだけです。

html {cursor: default;}

HTMLを用いた方法

HTMLのどこかに次の1行を追加するだけです。

<style>html {cursor: default;}</style>

結果

テキストの上にマウスを置いても通常のカーソルになります。

リンクをフォーカスしている時にちゃんと指のカーソルになります。