如何在所有主流浏览器中选择文本时更改网页上"文本选择"光标的外观或禁用光标更改？

Question

当我将鼠标光标移动到某些文本上时,我希望防止鼠标光标发生变化.这可能吗？

如果没有,我想改变text-selection光标的外观- 是否可以使用css/javascript？

Answer 1

试试这个...

* {
  -webkit-user-select: none;
}

*:active,
*:hover {
  cursor: pointer;
}

Answer 2

没有人愿意为每个元素显式设置光标，即使这只需要添加一个类。这是很多手工工作。

更明智的做法是：

* {
cursor: inherit;
}

body {
cursor: default;
}

这将禁用任何元素的文本选择光标，但不会干扰任何其他更改某些元素的光标属性的 CSS 或脚本。