Html Bootstrap.btn在Safari上看起来不同

我有以下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上的完全相同？

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

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

 }

---

您可以尝试使用以下代码将此样式添加到标记中：

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

 }