当我们将datepicker设置为只读模式时，如何防止鼠标指针锁定符号

Question

我正在使用 jquery ui 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接口的一部分。处理此问题的方法是为startdatebooking id：

定义css

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

仅当更高级别的继承类还指定!important标志时，才需要!important标志。你也可以使用内联样式，但使用它们确实不是好形式。