How to disable a link using CSS? [duplicate]

Question

I have the following link in a wordpress page.

This class is a link. Is it possible to disable the link using only 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>

Tommy · Accepted Answer · 2019-07-17 12:29:22Z

1

You could do something like this:

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

answered Jul 17, 2019 at 12:29

Tommy

8509 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sumit Patel · Accepted Answer · 2019-07-17 12:30:10Z

0

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

answered Jul 17, 2019 at 12:30

Sumit Patel

4,6481 gold badge13 silver badges28 bronze badges

Comments

Samir Patel · Accepted Answer · 2019-07-17 12:33:30Z

0

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

Add this to css.

If you want to show the link as a normal text use this.

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

answered Jul 17, 2019 at 12:33

Samir Patel

1971 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to disable a link using CSS? [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related