我有许多可通过拖放移动的HTML元素。为了向用户指出元素可以放置的有效区域,我会更改光标的外观。我通过JS应用包含简单“cursor:xxx”的CSS类来实现这一点。对于DIV和SPAN,这很有效。
但是,当我尝试在文本输入或文本区域中执行此操作时,光标仅变为“|”(文本编辑光标)。
是否有办法覆盖此默认行为或是否有任何解决方法(而无需将这些元素替换为任何虚拟元素,因为这需要很长时间,而某些功能依赖于这些元素)?
CSS:
但是,当我尝试在文本输入或文本区域中执行此操作时,光标仅变为“|”(文本编辑光标)。
是否有办法覆盖此默认行为或是否有任何解决方法(而无需将这些元素替换为任何虚拟元素,因为这需要很长时间,而某些功能依赖于这些元素)?
CSS:
body.draggingInvalid ,
body.draggingInvalid * {
cursor:not-allowed !important;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
HTML:
<input type="text" style="width: 200px; height: 20px;">