鼠标悬停在图像上时是否可能改变颜色？

Question

我将标准光标更改为抓取。我还想要的是光标（抓取）改变颜色，而不是背景。

这是 javascript 的一部分。我用“抓取”来管理，但不能用颜色改变来管理。有什么建议吗？

x.addEventListener('mouseover', () => {
    // Change the button's background color
    

    x.style.cursor = "grab";
    
    x.style.Color = "red"


  });

Answer 1

我认为可以制作不同颜色的 svg 图像并将它们与所需的颜色连接起来，连接 svg 的示例位于链接中。 MDN Web/CSS/光标

body {
      cursor: url('path-to-image.png'), url('path-to-image-2.svg'), url('path-to-image-3.jpeg'), auto;
}