锚点鼠标指针不适用于CSS和bootstrap

Question

当它有一个“禁用”类时，我需要将锚中的光标指针更改为“not-allowed”。 我试过以下，没有运气。

我做错了什么？

链接到测试：https://plnkr.co/edit/isoqoP2EbKjWb9fkfQpN?p=preview

标记：

<div class="container">
    <ul class="nav nav-pills nav-stacked lefttabs well">
      <li><a>Home</a>
      </li>
      <li><a class="disabled">Perfil</a>
      </li>
    </ul>
 </div>

CSS：

/* Styles go here */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.disabled {
    color: #900;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}

Answer 1

将 CSS 代码更改为：

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.disabled {
    color: #900;
    cursor: not-allowed;
    text-decoration: none;
}

你必须删除pointer-events: none;这会阻止光标改变（或者将它们全部删除），因此尽管你设置了光标，它仍保持不变。