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

How to prevent mouse pointer blocked symbol when we make datepicker to readonly mode

本文关键字：何防止 鼠标指针 符号 模式 日期 我们将 选择器 设置 只读      更新时间：2023-09-26

我正在为文本框使用jquery ui日期选择器，并已将其标记为只读，以防止手动输入（如此处所建议的）。我仍然面临的问题是，当用户将鼠标放在文本框上时，光标会变成一个被阻止的光标图像。这给用户的印象是，他不能对该字段做任何事情。尽管如果他点击它，他会得到日期选择器，并可以选择日期。

我的问题是：

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"/>

请帮忙吗？

被阻止的光标图像可能是在css中为只读输入定义的，它不是日期选择器接口的一部分。处理此问题的方法是为startdatebooking id:定义css

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

仅当更高级别的继承类也指定了CCD_ 3标志时才需要CCD_。您也可以使用内联样式，但使用这些样式确实不是一种好的形式。

相关文章：