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

はじめに

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

CSS を用いた方法

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

HTML を用いた方法

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

結果

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

ホームプロフィール外部リンクのため、別ウインドウで開きますプライバシーポリシー

時間のないサイト運営者リング外部リンクのため、別ウインドウで開きます

© 2024 Oishi Takanori / Made with Gatsby.js