CSSで、マウスカーソルを指マークに変更する方法

CSS
最終更新：2017-08-17 by Joe

CSSで、マウスカーソルを指マークに変更する方法です。

CSSでマウスカーソルを変更する

CSSプロパティ「cursor」の値で、マウスカーソルの値が変わります。

指マークに変更するには「pointer」の値を設定します。

div {
  cursor:pointer
}

サンプル

CSSプロパティ「cursor」を利用した、サンプルコードです。

See the Pen Button (pointer) by Joe (@akajoe) on CodePen.0

おすすめの記事

正規表現：文字列を「含まない」否定の表現まとめ

この記事では、「任意の文字を含まない」や「任意の文字列（パターン）を含まない」など、否定の意味を持った正規表現について、1
2021-12-18
正規表現

正規表現：数字の表現。桁数や範囲など

正規表現での、数字に桁数に関する方法に関してです。また、これを応用して、数字の大きさの範囲を指定します。
2023-03-26
正規表現

git pull を強制し、リモートでローカルを上書きする方法

git pull して、リモートブランチの最新に合わせようとしたら・・、あれ？コンフリクト・・？なにこれ、うまくいかない1
2021-05-11
Git

正規表現：「行頭」「行末」の表現と、応用例

正規表現の基本、行頭（行の先頭）と行末（行の末尾）を表す表現です。
2018-07-20
正規表現

正規表現での、OR（いずれか、または）の表現方法

正規表現にいて、複数のパターンのうち「いずれか、または」を意味する「OR」を表現する方法についてです。
2021-05-01
正規表現

.gitignore の書き方。ファイル/ディレクトリの除外

.gitignoreの書き方と仕様を、具体例をまじえてまとめました。「あれ？うまく反映されない・・」など、gitの仕様の1
2021-12-10
Git

CSSに関連する記事

CSSで上下・左右に中央寄せする方法、全部まとめ

HTMLとCSSで、テキストや画像を縦方向（上下方向）に中央寄せ（センタリング）したい事があります。 この課題は簡単そう1
2019-05-29
CSS

チェックボックス(ラジオボタン)を縦に中央揃えするHTMLとCSS

HTMLとCSSで、チェックボックスやラジオボタンなどのINPUT要素を実装すると、いつもずれてしまいます。これを、縦方1
2017-10-15
CSS

CSS：input要素のplaceholderの色を変更する方法

CSSで、input要素や、textarea要素のplaceholderの色を変更する方法についてです。
2020-04-19
CSS

CSSで「+（プラス）」というセレクタの意味は何？

CSSでたまに見かける「+（プラス）」というセレクタ。
2017-05-07
CSS

CSS：absolute, relative, fixedを使った絶対配置、徹底まとめ。

HTMLでは、CSSプロパティ「position」をabsoluteに指定することで、絶対配置が可能な事はよく知られてい1
2017-08-22
CSS

CSSで、テキストや背景に、透明色を指定する方法

CSSで、テキストや背景に、透明色を指定する方法です。
2017-05-10
CSS