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" rel="external nofollow" 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="#" rel="external nofollow" rel="external nofollow" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
2 <a href="#" rel="external nofollow" rel="external nofollow" class="btn btn-default btn-lg disabled" role="button">Link</a>
相关:
<style>
.disabled {
opacity: 0.6;
cursor: not-allowed;
}
</style>