书格前端

disable超链接的css样式


disable超链接的css样式

想要设置disabled的超链接,让用户不可点击,可添加一个class来设置。

.disabled-link {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

<a href="#" class="disabled-link">link</a>

注意: pointer-events这个属性对浏览器兼容性有一定的要求。

IE11 Edge 14 Firefox 51 Chrome 49 Safari 10 Opera 43

【以上】