Menu
I have an anchor tag that I would like the ban-circle glyphicon to appear when hovered. I know that adding the disabled class will only change the appearance and not its functionality. Please note that this link is not part of nav components, list or btn group, just a link that will trigger a modal when clicked.
I want to follow the behaviour when you hover on the disabled link as shown here: Disabled links
<div> <a class="disabled" data-toggle="modal" data-target="#notAvailable">Not Available</a> </div> 
826
Approach: First, select the element where cursor element need to hide. Add CSS style cursor:none to the a class. Add the class name (class name of CSS style cursor:none) to the particular element where cursor element to be hide.
Disable a link # It is still possible to disable a link by following 3 steps: remove the href attribute so that it can no longer receive the focus. add a role="link" so that it is always considered a link by screen readers. add an attribute aria-disabled="true" so that it is indicated as being disabled.
use CSS
a.disabled:hover { cursor:not-allowed } a.disabled:hover { cursor: not-allowed; }<div> <a class="disabled" data-toggle="modal" data-target="#notAvailable">Not Available</a> </div>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
