CSS
カーソルのスタイル設定

構文

• カーソル：自動|デフォルト|なし|コンテキストメニュー|ヘルプ|ポインタ|進歩|待つ|セル| |十字路|テキスト|縦書きテキスト|エイリアス|コピー|移動|ノードロップ| |電子リサイズ| n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize |行サイズ変更|すべてのスクロール| |ズームアウト| |つかむ;

カーソルタイプの変更

cursor: value;

例：

ポインタイベント

pointer-eventsプロパティは、HTML要素がマウス/タッチイベントにどのように応答するかを制御できます。

.disabled {
  pointer-events: none;
}

この例では、

'none'は、指定されたHTML要素[1]のすべてのクリック、状態、およびカーソルオプションを禁止します。

HTMl要素の他の有効な値は次のとおりです。

• 自動;
• 継承する。

1. https://css-tricks.com/almanac/properties/p/pointer-events/

その他のリソース：

• https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

• https://davidwalsh.name/pointer-events

キャレットカラー

キャレットカラーCSSプロパティは、ユーザーの入力や編集によってテキストやその他のコンテンツが挿入される要素の挿入ポイントの可視インジケータであるキャレットの色を指定します。

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

リソース：

• https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color