将鼠标光标更改为HTML中的输入元素

我有各种HTML元素，每个Drag'n'Drop都是可移动的。为了指出删除元素的有效区域（给用户），我改变了游标的外观。我通过简单地通过包含一个简单的“游标：xxx”的JS应用CSS类来做到这一点。这适用于DIV和SPAN。将鼠标光标更改为HTML中的输入元素

但是，当我尝试用文本输入或textarea做到这一点时，光标变成了“|” （文本编辑光标）。

有没有办法来覆盖默认的行为，或是否有任何变通办法（而不必与任何假人来代替这些元素，因为这将占用大量的时间，有些功能对这些元素继电器）

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

来源

2013-04-24 user1557232

（）？ – 2013-04-24 12:01:40

它看起来像你的代码对我有用。你有东西在其他地方压倒一切：http://tinker.io/5aaa7 – cimmanon 2013-04-24 12:30:53

或仔细检查你的选择器.. – 2013-04-25 00:56:46

尝试使用重要

input { 
    cursor: pointer !important; 
}

这将覆盖所有的输入元件的“光标”属性。

编辑：

如果这不起作用，请仔细检查选择。你可能会想体和之间加空格，你使用jQuery可拖动.draggingInvalid

body .draggingInvalid { 
}

来源

2013-04-24 11:58:21

OP *是*使用'！重要'。 – cimmanon 2013-04-24 12:28:33

将鼠标光标更改为HTML中的输入元素

回答

相关问题