javascript - 当我们将日期选择器设置为只读模式时，如何防止鼠标指针阻塞符号

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 中定义的，用于只读输入 - 它不是日期选择器界面的一部分。处理这个问题的方法是为 startdatebooking id 定义 css:

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

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