如何使用材质图标作为鼠标光标图像答案

【问题标题】：How to use material icons as mouse cursor image如何使用材质图标作为鼠标光标图像
【发布时间】：2021-02-03 16:39:49
【问题描述】：

我有一个场景，我必须使用特定的材质图标作为垫按钮的光标指针。我不知道如何实现这一目标。任何帮助将不胜感激。

 <button mat-button>
 <button>

【问题讨论】：

【解决方案1】：

没有办法使用材料来做到这一点。您需要通过添加以下内容来更新 CSS：

you-mat-element {
   cursor: pointer;
}

【讨论】：

我对此已经很晚了，但根据stackoverflow.com/questions/45962081/… 的说法，这可能是可能的。如果您查看他们的存储库（例如github.com/google/material-design-icons/tree/master/src/action/…），它是一个 SVG 文件。因此，我相信只需必须获取 SVG 数据，对其进行正确编码并通过 CSS 设置为 URL 源。但它确实涉及一些工作。

【解决方案2】：

在 css 文件中，将以下行添加到您的 css 类中：

.your-css-class { cursor: URL('path-to-png-or-svg-file'), auto; }

请注意，png 或 SVG 文件可以从以下链接的 google 材料图标页面下载： Google Material Icons

【讨论】：