用css创建一个无法点击的超链接

Question

我想知道在Css3中可能有一个技巧如何使超链接松开其功能,简单地说,禁用点击功能(这样它看起来像一个普通的超链接,但没有像段落一样的功能)？

Answer 1

<a href="http://example.com" class="inactive">Link</a>

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

该cursor:default属性是您希望光标只是一个箭头.如果您希望它像链接一样(使用"手"光标),则将其删除.