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

Question

当我将鼠标光标移到某些文本上时，我想防止鼠标光标发生变化。这可能吗？

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

Answer 1

尝试这个...

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

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

Answer 2

我认为您正在寻找的是 css 属性"cursor:default;"- 但这实际上取决于您到底在寻找什么。带有标签的示例：

label{
    cursor:default;
}

根据您想要的光标，您可以将值从更改为"default"其他值。

这是一些值的列表（不是全部 - 但最常见的是那里）： https ://developer.mozilla.org/en-US/docs/CSS/cursor

请记住，根据浏览器/操作系统，您会得到不同的结果。

Answer 3

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

更明智的做法是：

* {
cursor: inherit;
}

body {
cursor: default;
}

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