当用户将鼠标悬停在图标上时，将光标移到手上吗？

Question

我在Angular JS的树中的节点上添加了一个图标，当鼠标悬停在图标上时，我想将光标变成手。我在html中有以下定义

<div *ngFor="let post of posts">
  {{post.title}}  
</div>

在CSS中，我有以下内容：

<span class="key-icon glyphicon"
      ng-click="onClick()"
      ng-class="{ 'glyphicon glyphicon-folder-open': entryHasVorPADRights(entry), 'icon-cursor-change' : true } ">
</span>

但是什么也没发生。

Answer 1

您的CSS选择器对我来说似乎不正确。 .key-icon和.icon-cursor-change都在同一个元素上，但是您将>用作父选择器。

尝试以下方法：

.icon-cursor-change.key-icon { cursor: pointer; }