自定义CSS光标是像素化的

Question

我正在使用自定义光标，但每次尝试时都会出现像素化，我制作了一个戒指资产，以显示它有多糟糕。

Here is the cursor image file.

cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/272259/circle.png), auto;

它是22px x 22px，大约是默认光标的大小，但它呈现的是锯齿状。

这是一个codepen demo来说明这个错误。

有什么想法吗？

谢谢，

：）

Answer 1

在IE和Edge中，仅支持.cur个文件，请参阅https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx。 （Edge支持其他格式，但不支持交互点定义。）。.cur文件允许您定义交互点。只需google for＆＃34; .cur编辑＆＃34;并选择适合您的编辑器来创建.cur文件。