CSS：对光标图像使用内嵌SVG时填充颜色不匹配

我使用内嵌SVG作为光标图像：

#someElement{
  cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' xml:space='preserve'%3E %3Ccircle cx='8' cy='8' r='8' fill='%23145afa' /%3E %3C/svg%3E") 8 8, auto;
}

SVG的填充设置为

#145afa

（浅蓝色阴影）。但是，在Chrome和Firefox中测试时，光标的颜色与背景颜色设置为相同十六进制代码的页面上其他（常规HTML）元素的颜色不匹配。在Safari中，颜色匹配（如预期）

此代码段演示了问题：

html{
光标：url（“数据：image/svg+xml，%3Csvg version='1.1'id='Layer_1'xmlns='1http://www.w3.org/2000/svg'xmlns:xlink='1！'http://www.w3.org/1999/xlink'x='0px'y='0px'width='16px'height='16px'xml:space='preserve'%3E%3cccircle cx='8'cy='8'r='8'fill='%23145afa'/%3E%3C/svg%3E'）8，自动；
}
#蓝色的{
宽度：200px；
高度：200px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
文本对齐：居中；
背景色：#145afa；
颜色：#fff
}

我的背景色是#145afa

它们确实匹配。边缘有一些抗锯齿，这就是你所说的。谢谢你看这个问题。在我的屏幕上它们不匹配，不幸的是我不能截屏（在Mac OS上截屏时光标消失）。您使用哪个浏览器查看问题/代码段？编辑：我将拍摄一张照片并将其附加到问题中，向您展示它在我的屏幕上的外观。在Windows上的Chrome上匹配。我确实看到了Mac上Firefox的不同之处。Firefox似乎没有我在Chrome上看到的抗锯齿问题。尚未在Windows上测试。你知道是什么原因吗？因为光标是一个图像，也许Firefox正在使用