:活动的css类无法正常修改游标属性

时间:2013-05-31 05:20:34

标签: css hover cursor drag

我正在尝试修改光标,以便在我拖动(:激活)div / link时更改光标。

然而,由于背景属性工作正常,我不明白我做错了什么。

div {cursor:crosshair;}
div:active {cursor:wait;}
a {cursor:crosshair;}
a:active {cursor:wait;}

据我了解,当鼠标处于活动状态(拖动)时,应该应用:active属性。在这种情况下,正在应用背景/颜色黄色属性,但光标属性(等待)不是。

Fiddle

1 个答案:

答案 0 :(得分:0)

cursor确实更改为wait,但在拖动时,user-select属性也会生效,默认情况下会将cursor更改为text

您可以通过执行以下操作将其停用:

div, a {
    -moz-user-select: -moz-all;
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

主要浏览器目前尚未实现w3c属性。所以你必须使用供应商前缀。此解决方案的缺点和主要原因是您将无法再选择元素divp中的内容。主要用于使 button s 无法选择。

Demo

但它仍然不能用于a。可能还有其他一些事情凌驾于它之上。也许是HTTP request处理程序?我不知道,我现在只是在抛出愚蠢的想法。

+user-select(W3C)