如何使用CSS禁用链接？

Question

我在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>

Answer 1

您可以执行以下操作：

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

Answer 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>

Answer 3

.select-slot__serviceStaffOrLocationButton___5GUjl
{
pointer-events: none; 
}

将此添加到CSS。

如果要将链接显示为普通文本，请使用此按钮。

 .select-slot__serviceStaffOrLocationButton___5GUjl
{
pointer-events: none; 
cursor: default; 
text-decoration: none; 
color: black; 
}