I have a link button inside a
I've ended up with the solution below, which can work with either an attribute, CSS Styles: Javascript (in jQuery ready): which I have to disable. This works on IE but not working in Firefox and Chrome.
Structure is - Link inside a <
, or a class :a[disabled=disabled], a.disabled {
color: gray;
cursor: default;
}
a[disabled=disabled]:hover, a.disabled:hover {
text-decoration: none;
}
$("a[disabled], a.disabled").on("click", function(e){
var $this = $(this);
if ($this.is("[disabled=disabled]") || $this.hasClass("disabled"))
e.preventDefault();
})