跨度作为按钮 Safari 问题

Question

当我使用 span 作为按钮时，它可以在除 Safari 之外的任何网站上完美运行。

在 Google Chrome 上是这样显示的：

但在 Safari 中却是这样：

这是HTML代码：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<p>
<span class='btn btn-primary'>I'm a span, styled like a button</span>
</p>

<p>
<button class='btn btn-primary'>I'm a real button</button>
</p>

由于这个问题，我无法正确点击按钮。 如果你能解决它，我将不胜感激。

Answer 1

使用这个：

span {
  cursor: default;
}