Text innerhalb Tasten ist nicht entnehmbare

Question

Meine Tasten Struktur wie gestrandet ist, wie es sein kann:

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

Sie arbeiten auf Klick einfach gut.

Aber auf Touch-Geräten können Sie sie zur Arbeit bringen, indem Sie auf die Bereiche um den Text innerhalb der Schaltfläche tippen. Wenn du in der Mitte auf "klick mich" klickst, funktioniert es einfach nicht.

Es verwirrt mich und ich konnte nicht herausfinden, warum.

Sie können es live ausprobieren, indem Sie von Ihrem Touch-Gerät aus auf https://plutio.com gehen und versuchen, auf der Schaltfläche Erste Schritte zu klicken.

Es wird nicht funktionieren, es sei denn, Sie umgehen den Text der Schaltfläche.

Dinge, die ich versucht:

Zeilenhöhe user-select Box-Sizing Aussehen Zeiger-Ereignisse keine

Answer 1

Ich habe es bitte unten Code verwenden:

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