Отключить ручной ввод для выбора даты без блокировки курсора мыши

Question

Я использую указатель даты jquery ui для своих текстовых полей и пометил их как "только для чтения", чтобы предотвратить ввод вручную (как предлагается здесь). Проблема, которая у меня остается, заключается в том, что когда пользователь наводит курсор мыши на текстовое поле, курсор превращается в заблокированное изображение курсора. Это создает у пользователя впечатление, что он ничего не может сделать с этим полем. Хотя, если он пойдет дальше и нажмет на него, он получит указатель даты и сможет выбрать дату. Мой вопрос: есть ли способ элегантно справиться с этим без написания всего манипулирующего кода для курсора мыши.

Answer 1

Например, используя атрибут курсора css. Вы можете изменить его на курсор, который вы предпочитаете.

У меня есть это для моих полей DatePicker:

.form-control.datepicker {
  &[disabled], &[readonly] {
    cursor: pointer;
    background-color: #ffffff;
}

При этом вы меняете курсор на указатель и сохраняете цвет фона на белый, пока ввод отключен или доступен только для чтения.