Как предотвратить символ указателя мыши, когда мы делаем datepicker в режиме только для чтения.

Question

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

Мой вопрос:

Is there a way to elegantly handle this without writing all manipulating code for the mouse cursor? 

Код

<input type="text" id="startdatebooking" class="form-control input-sm" style="Height: 30px" readonly="readonly"/> 

Любая помощь, пожалуйста?

Answer 1

Заблокированное изображение курсора, вероятно, определено в вашем css для входов только для чтения - оно не является частью интерфейса datepicker. Способ справиться с этим, чтобы определить CSS для startdatebooking ID:

#startdatebooking { 
    height: 30px; 
    cursor: default !important; 
} 

!important флаг только необходимо, если наследуется класс верхнего уровня также указывает !important флаг. Вы также можете использовать встроенный стиль, но это не очень хорошая форма для использования.