LoginSignup
1

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

Last updated at Posted at 2024-03-06

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

カーソル

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

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

CSS を用いた方法

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

html {
  cursor: default;
}

HTML を用いた方法

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

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

結果

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

テキストをホバーしても、デフォルトのカーソルになっている

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

リンクを選択すると、指のカーソルになりました

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1