html - 如何为 div 中的文本框提供光标样式，而 div 中又没有指针事件

Question

我有一个文本框，用户不应该点击它，它的值将被自动填充，然后应该传递给 php。所以我选择了这个选项。

   <div style="pointer-events: none;"> 
   <input id="dob" type='text' data-date-format="DD-MM-YYYY" class="form-control" readonly style="background: white;**cursor: not-allowed !important;**"/>
</div>

但是 cursor: not-allowed 在页面中没有影响。有什么帮助吗？或者其他方法来达到我的要求？

Answer 1

把它转过来:

 <div style="cursor: not-allowed; display: inline-block;"> 
     <input id="dob" type='text' data-date-format="DD-MM-YYYY" class="form-control" readonly style="background: white; pointer-events: none;"/>
 </div>

包装器现在有光标并且您的输入没有任何指针事件。请注意，顶级 IE 10 不支持 pointer-events。