Отключить HTML якорь в Internet Explorer

Question

Я получаю проблему в моем приложении, где я хочу, чтобы отключить html якорь с css, я видел решение в Disable link using css, который работает нормально в Chrome и Firefox, но когда я открываю моя страница до Internet Explorer, Она не может быть отключена, я прошел через многие ссылки, но у меня не было никакого решения для интернет-исследователя. Пожалуйста, помогите мне, если у вас есть полезная ссылка или ответ. Заранее спасибо

http://jsfiddle.net/7EQJp/

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

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

Answer 1

Вы можете использовать свойство css-указателей-событий, чтобы отключить ссылки, но у них есть известные проблемы с ie. Начиная с ie 11 это свойство поддерживается. Есть немного взлома. Вы должны добавить отключенный класс к ссылкам и добавить отключенный атрибут к ссылке, а затем добавить css, который приведен ниже. Также вам нужно предоставить указатель-события none для атрибута привязки disabled. После этих двух это должно работать в большинстве браузеров.

a.disabled { 
    pointer-events: none; 
} 

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

См. Это fiddle.

Answer 2

CSS способ отключить ссылки:

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

еще вы можете использовать JavaScript, чтобы отключить ссылки:

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

Answer 3

Указатель событий был первоначально только Mozilla , Он был принят в -webkit-, но, к сожалению, не в IE. И теперь, когда у них есть Края. Думаю, это никогда не будет так.

Из документов MDN:

Предупреждение: Использование указателей-событий в CSS для не-SVG элементов является экспериментальным. Эта функция была частью спецификации CSS UI, но из-за многих открытых проблем была отложена до CSS4.

Answer 4

Я также сталкиваюсь с проблемой такого типа. но я использую это решение в своем коде и его работе.

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