カーソル
ドキュメント:
使い方
参考:
cursor の使い方 カーソル形状の変え方と値一覧 | サルワカ
CSS3 で使える 35 + α 種類のカーソルの一覧表 | Ginpen.com
要素を選択できないようにする
要素を選択できないようにする。
.unselectable {
user-select: none;
}
Code language: CSS (css)
デフォルト値を明示的に設定する。
.selectable-default {
user-select: auto;
}
Code language: CSS (css)
ドキュメント:
参考:
user-select | Can I Use Support Tables
データ URL で画像を指定する
SVG ファイルを Base64 エンコードしてデータ URL で指定する。
.area:hover {
cursor: url("data:image/svg+xml;base64,...=") 24 24, auto;
}
Code language: CSS (css)
ドキュメント:
参考: