Disable neo html trong Internet Explorer

Question

Tôi nhận được một vấn đề trong ứng dụng của tôi, nơi tôi muốn vô hiệu hóa html neo với css, tôi đã thấy một giải pháp trong Disable link using css, mà là làm việc tốt trong Chrome và Firefox, nhưng khi tôi đang mở trang của tôi để Internet Explorer, Nó không thể vô hiệu hóa, tôi đã đi qua nhiều liên kết nhưng tôi đã không nhận được bất kỳ giải pháp cho internet explorer, Xin vui lòng giúp tôi nếu bạn có bất kỳ liên kết hoặc câu trả lời hữu ích. Cảm ơn trước

http://jsfiddle.net/7EQJp/

<a href="link.html" class="active">Link</a> 

.active { 
     pointer-events: none; 
     cursor: default; 
} 

Answer 1

Bạn có thể sử dụng thuộc tính css trỏ-sự kiện để vô hiệu hóa các liên kết nhưng chúng đã biết các sự cố với nghĩa là. Bắt đầu từ tức là 11 tài sản này được hỗ trợ. Có một chút hack. Bạn nên thêm lớp bị vô hiệu hóa vào các liên kết và thêm thuộc tính bị vô hiệu hóa vào liên kết sau đó thêm css được đưa ra dưới đây. Ngoài ra, bạn cần phải cung cấp con trỏ-sự kiện không cho thuộc tính neo bị vô hiệu hóa. Sau khi hai điều này nên làm việc trong hầu hết các trình duyệt.

a.disabled { 
    pointer-events: none; 
} 

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

Xem này fiddle.

Answer 2

CSS cách để vô hiệu hóa các liên kết:

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

khác mà bạn có thể sử dụng javascript để vô hiệu hóa các liên kết:

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

Answer 3

sự kiện Pointer ban đầu chỉ Mozilla . Nó đã được thông qua trong -webkit- nhưng tiếc là không có trong IE. Và bây giờ họ có Edge. Tôi đoán nó sẽ không bao giờ xảy ra.

Từ các tài liệu MDN:

Cảnh báo: Việc sử dụng con trỏ-sự kiện trong CSS cho các yếu tố phi SVG là thực nghiệm. Tính năng này từng là một phần của đặc tả dự thảo giao diện người dùng CSS3 nhưng, do nhiều vấn đề mở, đã bị hoãn lại với CSS4.

Answer 4

tôi cũng đang gặp vấn đề về loại này. nhưng tôi sử dụng giải pháp này trong mã của tôi và làm việc của nó.

.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; 
    }