背景颜色 css 在 Safari 中不起作用

Question

如上图所示，safari 中背景为银色。但它在其他浏览器上运行良好（chrome & firefox）

这是代码

HTML:

<a type="button" class="btn btn-danger">Pesan a Sekarang</a>

CSS:

我已经用 rgba 和 rgb 试过了，但还是不行。

这是 safari 的错误还是什么？因为我已经阅读但仍然没有工作

background-color: #e5131d!important;
border-color: #e5131d!important;

这是CSS

background-color: #e5131d!important;border-color: #e5131d!important;

Answer 1

尝试使用背景：#e5131d。你可能有一套使用背景的银色，它可能会覆盖背景颜色

您也可以使用之前的父元素 class 作为解决方法

.parent .btn-danger{背景:#e5131d}

避免！重要

Answer 2

<a type="button" class="btn btn-danger" href="#">{!! __('landingpage.button.details') !!}</a>

问题是我使用了带有 attr 类型按钮的标签元素

那我就变成这样

<a href="#"><button type="button" class="btn btn-danger">text</button></a>

它适用于我的 safari

Background color css not working in safari