javascript - 当有人访问我的网站时如何更改光标指针并在其上应用 css

Question

我是一名网站开发人员，我想知道是否可以在鼠标光标上应用一些 css。我知道我们可以使用 cursor:pointer; 它将标准箭头变成点击手(通常显示链接)。

但我真正想做的是，如果有人访问我的网站，然后他的鼠标光标变成红色或周围出现一些阴影或类似的东西。我不确定这是否可能，这可能是一个非常愚蠢的问题，对此提前表示歉意。如果可能的话，我想知道，怎么做？我的问题就这么简单，非常感谢任何帮助。

* 注意:如果可以使用 javascript 或 jquery，那么我不介意也使用它们。

谢谢

Answer 1

不，您不能改变 native 游标的行为或样式，但对于您的功能，您有多种选择:

首先:pointer css 属性不仅有 pointer，还有许多其他值。你可以看看他们here

其次:您可以提供用作光标的图像。在这种情况下，您必须了解浏览器的兼容性，但这可能适合您:

光标:url('path-to-image.png'), auto;

---

另一种选择可能是使用 cursor: none 并使用某种跟随用户鼠标位置的 DOM 元素。这可能不是您想要的方式，我不会推荐它(因为它感觉很笨拙并且对性能有负面影响)但这绝对是可能的。

这是该选项的示例(取自 css-tricks.com): http://codepen.io/tamm/pen/LIFam