将光标更改为指针图标上的bootstrap有反馈输入

Question

标题几乎说明了一切。当我将鼠标悬停在输入中的图标上时，我正试图让光标成为指针。

这是小提琴。 http://jsfiddle.net/JfGVE/2758/

<div class=col-sm-4 style="padding-top: 50px;">
  <div class="form-group  has-feedback" style="pointer-events: initial !important;">
    <input type="text" style="pointer-events: initial !important;" class="form-control" ng-model="newItem">
    <span class="form-control-feedback" aria-hidden="true" style="cursor: pointer;">
                                    <i class="fa fa-plus fa-lg text-info" style="cursor: pointer;"></i>
                                </span>
  </div>
</div>

我似乎无法使用jquery

     $('.form-control-feedback').hover(function() {
            $(this).css('cursor','pointer');
        }

)

Answer 1

您的样式表具有以下规则，适用于包含图标的<span>：

.form-control-feedback {
    /* ... */
    pointer-events: none;
}

您需要删除，修改或覆盖该规则才能让光标发生变化。