按钮内的文字不可点击

Question

我的按钮结构很乱：

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

它们在点击时工作得很好。

但是，在触摸设备上，您可以通过点击按钮内文本周围的区域来使它们工作。当您在中心 "click me" 切换时，它就不起作用了。

这让我很困惑，我一直无法找出原因。

您可以通过触摸设备转到 https://plutio.com 并尝试点击“开始”按钮来实时试用。

除非您在按钮文本周围使用 Tab 键，否则它不会起作用。

我试过的东西：

行高 用户-select 盒子大小 外貌 指向 none

的指针事件

Answer 1

我知道了，请使用下面的代码：

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