如何使用 CSS 禁用链接？ [复制]

Posted 2023-03-06

【中文标题】如何使用 CSS 禁用链接？ [复制]

【英文标题】：How to disable a link using CSS? [duplicate]

【发布时间】：2019-11-26 06:53:42

【问题描述】：

我在wordpress 页面中有以下链接。

这个类是一个链接。是否可以仅使用 CSS 禁用链接？

<a class="select-slot__serviceStaffOrLocationButton___5GUjl"><i class="material-icons select-slot__serviceStaffOrLocationIcon___3WFzp">timelapse</i><span class="select-slot__serviceName___14MHL">Employee Assistance Line</span></a>

【参考方案1】：

你可以这样做：

.select-slot__serviceStaffOrLocationButton___5GUjl 
  pointer-events: none;
  color: black; (the color which is your normal text maybe?)

【参考方案2】：

使用pointer-event:none;。

.select-slot__serviceStaffOrLocationButton___5GUjl
  pointer-event:none;

<a class="select-slot__serviceStaffOrLocationButton___5GUjl"><i class="material-icons select-slot__serviceStaffOrLocationIcon___3WFzp">timelapse</i><span class="select-slot__serviceName___14MHL">Employee Assistance Line</span></a>

【参考方案3】：

.select-slot__serviceStaffOrLocationButton___5GUjl

pointer-events: none; 

将此添加到 css。

如果您想将链接显示为普通文本，请使用此链接。

 .select-slot__serviceStaffOrLocationButton___5GUjl

pointer-events: none; 
cursor: default; 
text-decoration: none; 
color: black;