css - :active css class not working correctly to modify cursor property

Question

我正在尝试修改光标，以便在我拖动 (:active) div/link 时它会发生变化。

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

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

据我所知，当鼠标处于事件状态(拖动)时，应该应用 :active 属性。在这种情况下，将应用背景/颜色黄色属性，但不会应用光标属性(等待)。

Fiddle

Answer 1

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 中的内容。它主要用于使 button 不可选择。

Demo

但它仍然无法在 a 上运行。可能是其他一些东西压倒了它。也许是 HTTP 请求 处理程序？我不知道，我现在只是在抛出愚蠢的想法。

+user-select (W3C)