如何覆盖活动文本光标（Safari）？

Question

我已将光标设置为CSS中的指针。然而，当您在文本上的div内单击并拖动时，光标将更改为文本。 更新：这似乎只发生在Safari（在9.0.1中测试）

＆＃13;

＆＃13;

#test {
  cursor: pointer;
  background-color:red;
  display:table;
}

＆＃13;

<div id="test">testing</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

只需在悬停时使用cursor属性：

    #test:hover {
        cursor: pointer;
    }

Answer 2

您可以使用:active伪类：

#test {
  cursor: pointer;
  background-color:red;
  display:table;
}
#test:active{
  cursor: auto;/*changes to text-cursor*/
}

<div id="test">testing</div>

Answer 3

有点JS可以做到：

＆＃13;

＆＃13;

document.onmousedown = function () {
    document.getElementById("parent").style.cursor = "pointer"
}

document.onmouseup = function () {
    document.getElementById("parent").style.cursor = "default"
}

＆＃13;

#test {
  cursor: pointer;
  background-color:red;
  display:table;
}
#parent {
  height: 100px;
  background-color:green;
}

＆＃13;

<div id="parent"><div id="test">testing</div></div>

＆＃13;

＆＃13;

＆＃13;