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

Question

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

＆＃13;

＆＃13;

 <button mat-button>
 <button>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用Material无法做到这一点。您需要通过添加：

来更新CSS

you-mat-element {
   cursor: pointer;
}

我分叉the original Angular example，我做了更改以进行现场演示：https://stackblitz.com/edit/angular-eynqmo

Answer 2

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

|

请注意，.your-css-class { cursor: URL('path-to-png-or-svg-file'), auto; } 或 png 文件可以从以下链接的谷歌材料图标页面下载： Google Material Icons