按钮仅在 mac firefox 中不起作用答案

【问题标题】：Button is not working only in mac firefox按钮仅在 mac firefox 中不起作用
【发布时间】：2019-02-19 01:04:44
【问题描述】：

我的按钮仅在 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>

【问题讨论】：

“不工作”是什么意思？单击它不会重定向吗？只有当你点击按钮内的文字时才会重定向？
谢谢詹姆斯...下面的代码可以正常工作，但现在按钮不成比例
按钮是其中任何文本的宽度。你需要给他们所有.col-md-4或类似的东西（我不是引导专家，所以你需要查看docs以获取更多信息）。
Bootstrap 通过将页面/div/whatever 分成 12 列来工作。因此，如果您正确设置页面，您应该能够让三样东西都占据 4 列，并且它们在页面上的宽度都均匀。
@james，我做到了（见问题），它解决了我的按钮尺寸问题。按钮它在 mac firefox 上不起作用。注释中的代码已修改，并且可以在 mac 上运行，但现在我遇到了大小问题...

标签： css bootstrap-4

【解决方案1】：

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

#buttonRollOverColour>a {
    cursor:pointer;
}

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

【讨论】：

谢谢..但下面一个正在工作......最上面的不工作，它有 btn_change 类
您在其中使用了锚标记，我认为这是问题所在，只需使用按钮，我希望它会起作用。
如果我将锚点放在按钮之外，它会在 mac firefox 上正常工作...但我需要将 3 或 4 个按钮连续放在一起。因为我正在使用 col... 而 col 类将不起作用。如果我使用 btn-group 类绑定该按钮.. 在这种情况下按钮大小不相等..
在这里分享一个sn-p。
a>

跨度>

【解决方案2】：

如果你只想要一个链接，你可以使用a 标签而不是按钮。并使用btn btn-primary|btn-light|...引导样式将a标签设置为按钮样式。

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

【讨论】：