css - anchor 鼠标指针不适用于 CSS 和 Bootstrap

Question

当它具有“禁用”类时，我需要将 anchor 中的光标指针更改为“不允许”。我尝试了以下方法，但没有成功。

我做错了什么？

测试链接: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; 这会阻止光标更改(或将其全部删除)并因此保持不变，尽管您设置了光标。