Safari CSS：背景颜色被洗掉答案

【问题标题】：Safari CSS: Background Color Washed OutSafari CSS：背景颜色被洗掉
【发布时间】：2021-12-30 15:49:07
【问题描述】：

我创建了一个在 Chrome 中看起来很棒但在 Safari 中按钮的背景颜色看起来很白的网站（带有白色文本的银色背景）。我看到有人说这是因为我正在覆盖引导样式。为什么会导致这个问题？人们还建议避免使用“！important”限定词。从表面上看是否有意义？

左边是它的外观。右边是 Safari 显示的内容。

【问题讨论】：

在没有看到相关代码的情况下，任何答案都只是猜测，我的猜测是您使用了一些 Safari 不支持的 CSS 属性，因此系统使用的是其默认值。请在您的问题中添加代码。

标签： css google-chrome safari

【解决方案1】：

<a type="button" class="btn-secondary" target="_blank" style="padding: 0.25rem 0.25rem; border-radius: 5px; margin-right: 0.35rem; background-color: #F2A649">
    <i class="fas fa-chart-bar"></i>Metrics
</a>

简单的原因是我不小心将按钮的类型添加到了锚标记。似乎 Chrome 足够聪明，可以忽略该属性，而 Safari 则没有。

【讨论】：