<a> 标记背景色 CSS 在 Safari 中不起作用

Question

我有以下链接:

<a style="background-color: rgba(222, 82, 70, 0.85)" 
id="provider-url" href="{% provider_login_url 'google' next='profile' %}" 
class="btn btn-xs btn-block text-uppercase" type="submit">Google</a>

颜色在chrome中显示，但在Safari中不显示。我尝试设置z-index:1，也尝试设置hexadecimal值而不是rgba，但也不起作用。什么好主意吗?

编辑:我检查了，我没有缓存

Answer 1

尝试用div和background-color环绕超链接:

<div style="background-color: rgba(222, 82, 70, 0.85)" >
<a id="provider-url" href="{% provider_login_url 'google' next='profile'  %}" 
class="btn btn-xs btn-block text-uppercase" type="submit">Google</a>
</div>

Answer 2

从a标签中删除type="submit"

https://codepen.io/jeanno-the-sasster/pen/RwyZwgw