Geek Answers Handbook

Disable html binding in Internet Explorer

I have a problem in my application where I want to disable html binding using css , I saw the solution in Disable link using css , which works fine in Chrome and Firefox , but when I open my page on Internet Explorer , it cannot be disabled I went through many links, but I did not have any solution for Internet Explorer. Please help me if you have a useful link or answer. thanks in advance

http://jsfiddle.net/7EQJp/

 <a href="link.html" class="active">Link</a> .active { pointer-events: none; cursor: default; }
+6
source share
4 answers

You can use the css-event-pointers property to disable links, but they have known issues with ie. Starting with ie 11 this property is supported. There is a bit of hacking. You must add the disabled class to the links and add the disabled attribute to the link, and then add the css, which is shown below. You also need to provide a none event pointer for the disabled binding attribute. After these two, this should work in most browsers.

 a.disabled { pointer-events: none; } a[disabled] { pointer-events: none; }

See fiddle .

+6
source

CSS way to disable links:

 a[disabled]{ pointer-events: none;}

else you can use javascript to disable links:

 $("td > a").attr("disabled", "disabled");
+2
source

Pointer events were originally only Mozilla. It was adopted in -webkit- , but unfortunately not in IE. And now that they have Edges. I think it will never be so.

In the MDN docs:

A warning. Using event pointers in CSS for non-SVG elements is experimental. This feature was part of the CSS UI specification, but was postponed until CSS4 due to many open issues.

+2
source

I also encounter a problem of this type. but I use this solution in my code and its work.

 .disableButton { background: #e6eeee none repeat scroll 0 0; border: 2px solid #cdcdcd; border-radius: 20px/40px; color: #dcd7dc; cursor: pointer; font-family: arial; font-size: 11px; font-weight: bold; image-rendering: inherit; padding: 5px 30px; pointer-events: none; text-decoration: none; display : inline-block; }
+1
source

More articles:


All Articles