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

Question

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

这是 fiddle 。 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;
}

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