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

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

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

※ これは2016-03-29に個人ブログで公開した記事を移植し、CC0-1.0で提供しています。情報は古い可能性があります。

CSS を用いた方法

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

html {
  cursor: default;
}

HTML を用いた方法

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

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

結果

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

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