css - 按钮仅在 mac firefox 中不起作用

Question

我的按钮仅在 mac firefox 中不工作。下面是代码

   <button class="col btn-change"><a href="/p/88" style="color: white;">Landscape</a></button>

但是下面的两个代码工作正常。在上面的代码中，我使用我的自定义类 btn-change 进行样式设置。我正在使用 bootstrap col 类，因为我想将 3-4 个按钮放在一起。

<a  href="/addproduct/143">
      <button class="btn btn-primary" style="font-family: Poppins">Order Sample Chevron</button>
      </a> 

<div id="buttonRollOverColour" class="col frameSelectBox"><a href="/p/414">Portrait</a></div>

标签： cssbootstrap-4

Answer 1

放在css下面，我希望它可以在mac中工作，

#buttonRollOverColour>a {
    cursor:pointer;
}

这是因为在某些时候 mac 屏幕不支持将非按钮元素视为按钮元素，就像您在其中使用按钮和锚标签一样，您也可以只使用按钮标签来代替。