css - :active css 类无法正常工作以修改光标属性

Question

我正在尝试修改光标，以便在拖动（：活动）div /链接时它会发生变化。

但是我不明白我做错了什么，因为背景属性工作正常。

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

据我了解，当鼠标处于活动状态（拖动）时，应该应用 :active 属性。在这种情况下，将应用背景/颜色黄色属性，但未应用光标属性（等待）。

score 0 · Accepted Answer

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属性当前未由主要浏览器实现。所以你必须使用供应商前缀。此解决方案的一个缺点和一个主要缺点是您将无法选择元素内部的内容div，并且p不再能够选择。大多数情况下，它用于使buttons无法选择。

但它仍然无法正常工作a。可能是其他东西覆盖它。也许是HTTP request处理程序？我不知道，我现在只是在抛出愚蠢的想法。

+user-select (W3C)

1 回答 1