Pointer-events:none将禁用该链接:

.disabled {
    pointer-events: none;
}

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

试试这个:

<style>
    .btn-disable {
        display: inline-block;
        pointer-events: none;
    }
</style>

Bootstrap禁用链接

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

<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>

Bootstrap禁用按钮，但它看起来像链接

<button type="button" class="btn btn-link">Link</button>

Pointer-events:none将禁用该链接:

.disabled {
    pointer-events: none;
}

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

CSS只能用来改变一些东西的样式。使用纯CSS所能做的最好的事情就是完全隐藏链接。

您真正需要的是一些JavaScript代码。下面是如何使用jQuery库完成您想做的事情。

$('a.current-page').click(function() { return false; });

你可以将href属性设置为javascript:void(0):

.disabled { /*禁用链接样式*/ 颜色:黑色; ｝ <a class="disabled" href="javascript:void(0)“链接> < / >