jQueryUI 选项卡将鼠标悬停在禁用的链接上，如何更改光标使其看起来不可点击？

Question

我正在使用 jQuery ui 选项卡。该应用程序正确地将 css 类设置为 .ui-state-disabled 并且可以单击该链接，但它不执行任何操作。我在这里想要完成的任务是使光标显示为默认值，而不是手/指针。我无法让它工作。

CSS

.ui-state-disabled:hover {
     cursor: default;
}

html

<li class="ui-state-default ui-corner-top ui-state-disabled">
   <a href="#Procedures" title="Procedures">
       <div>Procedures</div>
   </a>
 </li>

有谁知道如何解决这个问题吗？我不希望用户认为该元素在这种状态下是可点击的。感谢您提供任何提示或技巧。

Answer 1

由于您正在使用 jQuery ui 并且想要重写它的类之一，因此您需要使用 !important。这样你的类的 css 定义将变得更加重要。

.ui-state-disabled:hover {
     cursor: default !important;
}