html - Bootstrap .btn 在 Safari 上看起来不同

Question

我有这个 HTML 代码：

      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <a href="poweron.php" type="button" class="btn btn-danger text-white">Power On</a>
      </div>

以下是它在 Safari 和 Chrome 上的样子：

为什么电源按钮看起来是“灰色”并且在 Safari 上的大小不同，但在 Chrome 上却可以正常工作？如何让它看起来和谷歌浏览器上的一模一样？

标签： htmlcssbootstrap-4

Answer 1

您可以尝试<a>使用以下代码将此样式添加到您的标签中：

 a[type='button'] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

 }