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 上却能正常工作？如何让它看起来和 Google Chrome 上的一模一样？

Answer 1

您可以尝试将此样式添加到您的 <a>使用此代码标记:

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

 }