在悬停时将字体Awesome图标指定给光标

时间:2016-07-07 02:37:44

标签: css css3 font-awesome

当我将鼠标悬停在div上时,我想使用Font Awesome图标之一作为光标/鼠标指针。这可能吗?像这样的东西:

.myClass:hover {
    cursor: <--- here assign to the cursor the Font Awesome icon
} 

1 个答案:

答案 0 :(得分:6)

根据documentation,实现自定义光标的唯一方法, 是使用cursor: url();

因此,与@RicardoRuiz的答案一起标记:

  • 有人创建了fontawesome to png generator
  • 下载.png图标,
  • 将其存储在项目资产目录或在线e.g. dropbox
  • 使用CSS cursor: url()将图标图像用作光标。