1

我想为网站上的特定光标功能（光标：文本）设置自定义光标（.cur 文件）。这样当光标悬停在文本上时，而不是 I-bar 默认文本光标，它是我的自定义光标。有没有办法定义所有文本，或者专门为 cursor:text 设置自定义光标？

4

1 回答 1

0

你可以做

p, span{
cursor: url('path to custom cursor file or url or data url'), auto;
}

确保添加您拥有的所有文本，例如 span 或 ap 或 h1 等...并确保如果您使用 url 它是 32x32 像素或更小，否则它将不起作用

p{
  cursor: url('data:image/x-icon;base64,AAACAAEAICACAA8ADwAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////8f////H////x////8f////H////x////8f////H///AAAf/wAAH/8AAB///x////8f////H////x////8f////H////x////8f/////////////////////////////////8='), auto;
}
<html>
<body>
<p>Hello World</p>
</body>
</html>

将使光标变为黑色光标，获取光标的好网站是 cursor.cc

于 2022-02-18T03:31:21.613 回答