Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8644

【CSS】cursor

$
0
0

cursor

:sunny:要素にカーソルが乗ったときにカーソルの形を変える

普通.gif

なにも指定しないと赤い四角にカーソルをのせても何の変化もありません。

cursor: text;

:sunny:テキスト編集カーソルになる

CSS.
cursor: text;

ezgif.com-video-to-gif.gif

テキストを入力するときに変化するローマ字の I のカーソルに変更になりました:laughing:

cursor: pointer;

:sunny:リンクカーソルになる

CSS.
cursor: pointer;

ezgif.com-video-to-gifのコピー.gif

リンクボタンを押す時の指ボタンに変更になりました:laughing:
ちなみに<a>タグはこの cursor: pointer; が初期設定されています:smile:

cursor: default;

:sunny:標準のカーソルになる

CSS.
cursor: default;

普通.gif

初期設定されているカーソルです:sweat_smile:


Viewing all articles
Browse latest Browse all 8644

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>