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

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

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

広告 (下に続く)

CSSを用いた方法

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

html {cursor: default;}

広告 (下に続く)

HTMLを用いた方法

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

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

広告 (下に続く)

結果

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

カーソル

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

指のカーソル

シェアする