Сделать курсор рукой, когда пользователь наводит курсор на значок?

Question

Я добавляю значок к узлу в дереве в Angular JS, и я хотел бы сделать курсор рукой, когда мышь находится над значком. У меня есть следующее определение в HTML

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

и в css у меня есть следующее:

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

Но ничего не происходит.

Answer 1

Ваш CSS-селектор мне не кажется правильным. И .key-icon, и .icon-cursor-change находятся на одном элементе, но вы используете > для родительского селектора.

Попробуйте вместо этого:

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