CODEWITHSUNDEEP
htmlcsstouch
Leo
Leo

Reputation: 977

Text inside buttons isn't tappable

My buttons structure is as stranded as it can be: 

<a class="button">click me</a>

They work just fine on click.

But, on touch devices, you can get them to work by tapping at the areas around the text inside the button. When you tab in the center "click me" it just does not work.

It is baffling me and I have not been able to find out why.

You can try it live by going to https://plutio.com from your touch device and try to tab on the Get Started button.

It won't work unless you tab around the button text.

Things I tried:

line height user-select box-sizing appearance pointer-events to none

Upvotes: 0

Views: 44

Answers (1)

Amit kumar
Amit kumar

Reputation: 278

I got it please use below code:

.button:after, .button:before{
   display:none
}

Upvotes: 1

Related Questions