jQueryUI标签鼠标已停用的链接，如何更改光标，使其不显示可点击？ [英] jQueryUI tabs mouseover a disabled link, how do I change the cursor so it doesn't appear clickable?

问题描述

我使用jQuery ui选项卡。该应用程序正确设置css类为.ui-state-disabled和链接可以单击，但它不做任何事情。我想在这里完成的是使光标显示为默认而不是手/指针。我不能让这个工作。

I'm using jQuery ui tabs. The app correctly sets the css class to .ui-state-disabled and the link can be clicked but it doesn't do anything. What I'm trying to accomplish here is making the cursor appear as default instead of the hand/pointer. I cannot get this to work.

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>

有没有人知道如何解决？我不想让用户认为该元素是可以点击的，而在这种状态。感谢任何提示或技巧。

Does anyone know how to correct this? I don't want the user to think the element is clickable whilst in this state. Thanks for any tips or tricks.

推荐答案

由于您使用jQuery ui，并且想要覆盖其中的一个类，需要使用！important 。这样你的css对类的定义会更加重要。

Since you are using jQuery ui and and you want to override one of it's classes, you need to use !important. This way your css definition of the class will take more importance.

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

这篇关于jQueryUI标签鼠标已停用的链接，如何更改光标，使其不显示可点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！