为什么我的 CSS 光标在 Mac 版 Firefox 中没有变化？

使用 CSS 更改光标图像

几个 Heroshot 图像具有单击时激活的模式弹出窗口。为了增强用户体验，当鼠标悬停在每个图像上时，光标应变成放大镜。尽管 magnify.cur 文件位于正确的位置，但提供的 CSS 代码不会改变光标的外观。

解决方案：

问题是由于不兼容而引起的Mac 环境下的 Firefox 中的光标 URL。要在 Firefox 中实现所需的效果，请使用 -moz-zoom-in 关键字：

a.heroshot img {
  cursor: url(/img/magnify.cur), -moz-zoom-in, auto;
}

此配置允许 Firefox 使用 magnify.cur、Mozilla 特定的缩放光标或适当的默认光标。浏览器会选择序列中第一个支持的光标。

此外，您可以访问各种浏览器支持的光标关键字的完整列表，以探索其他自定义选项。

以上是为什么我的 CSS 光标在 Mac 版 Firefox 中没有变化？的详细内容。更多信息请关注PHP中文网其他相关文章！