禁用链接 <a>

pointer-events

Syntax

 /* Keyword values */
 pointer-events: auto;
 pointer-events: none;
 pointer-events: visiblePainted;
 pointer-events: visibleFill;
 pointer-events: visibleStroke;
 pointer-events: visible;
 pointer-events: painted;
 pointer-events: fill;
 pointer-events: stroke;
 pointer-events: all;

 /* Global values */
 pointer-events: inherit;
 pointer-events: initial;
 pointer-events: unset;

Example

1 <a href="link.html" class="not-active">Link</a>
2
3 .not-active {
4    pointer-events: none;
5    cursor: default;
6 　　opacity: 0.6;
7 }

jQuery Example

1 // disable button
2 $("#myLink").css({ 'pointer-events': 'none' });
3 // enable it again
4 $("#myLink").css({ 'pointer-events': '' });

Bootstrap Disabled Link

1  <a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
2  <a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>

相关：

Disabled Buttons

 <style>
 .disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }
 </style>