将鼠标光标更改为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;">
答
尝试使用重要
input {
cursor: pointer !important;
}
这将覆盖所有的输入元件的“光标”属性。
编辑:
如果这不起作用,请仔细检查选择。你可能会想体和之间加空格,你使用jQuery可拖动.draggingInvalid
body .draggingInvalid {
}
+0
OP *是*使用'!重要'。 – cimmanon 2013-04-24 12:28:33
()? – 2013-04-24 12:01:40
它看起来像你的代码对我有用。你有东西在其他地方压倒一切:http://tinker.io/5aaa7 – cimmanon 2013-04-24 12:30:53
或仔细检查你的选择器.. – 2013-04-25 00:56:46