CSS做不到这一点。CSS仅用于表示。你的选择是:

不要在<a>标签中包含href属性。 使用JavaScript找到该类的锚元素，并相应地删除它们的href或onclick属性。jQuery将帮助您实现这一点(NickF展示了如何做类似的事情，但更好)。

简单地使用你的标签没有链接，不包括任何链接属性。

另一个技巧是在上面放置一个看不见的元素。这将禁用任何悬停效果以及

.myButton{
    position: absolute;
    display: none;
}

.myButton::after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

演示 试试这个

$('html').on('click', 'a.Link', function(event){
    event.preventDefault();
});

我在网上搜索了一下，没有比这更好的了。 基本上，要禁用按钮点击功能，只需使用jQuery添加CSS样式，如下所示:

$("#myLink").css({ 'pointer-events': 'none' });

然后再次启用它，这样做

$("#myLink").css({ 'pointer-events': '' });

在Firefox和Internet Explorer 11上进行了检查，可以正常工作。

在CSS中可以做到这一点:

.disabled { 光标:违约; pointer-events:没有; 文字修饰:没有; 颜色:黑色; ｝ <a href="https://www.google.com" target="_blank" class="disabled">谷歌</a>

看:

请注意文字装饰:无;颜色:黑色;不是必需的，但它使链接看起来更像纯文本。