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

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

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

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

html {
  cursor: default;
}

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

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

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

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