CSS
Стилирование курсора

Синтаксис

• курсор: авто | default | нет | контекстное меню | Помощь | указатель | прогресс | подождите | ячейка | перекрестье | текст | вертикальный текст | псевдоним | копия | переместить | без капли | не разрешено | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | размер строки | all-scroll | увеличить | Уменьшение | захват | захват;

Изменение типа курсора

cursor: value;

Примеры:

указатель событий

Свойство pointer-events позволяет контролировать, как элементы HTML реагируют на события mouse / touch.

.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