按钮仅在mac firefox中不起作用

Question

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

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

但是下面的两个代码运行正常。在上面的代码中，我正在使用我的自定义类btn-change进行样式设置。我正在使用bootstrap col class，因为我想将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>

Answer 1

如果只需要链接，则可以使用a标记代替按钮。并使用btn btn-primary|btn-light|...样式的引导程序将a标记设置为按钮样式。

<a class="col btn btn-primary btn-change" href="/p/88">Landscape</a>