html - 按钮在 Google Chrome (MAC) 上看起来不同

Question

对于上述网站，我开始遇到一个问题，即 CSS 按钮在 Google Chrome (MAC) 上看起来不一样。这是今天才开始的。

CSS:

.cta-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffb14a 0px, #c76e08 100%) repeat scroll 0 0;
    border: 1px solid #a56317;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font: bold 18px arial;
    margin-bottom: 5px;
    margin-top: 12px;
    padding: 8px 24px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #764711;
    vertical-align: middle;
}

HTML:

<a class="cta-button" href="/free-consultation/">Start Your FREE Consultation</a>

它在 Chrome (MAC) 上的样子:

它应该是什么样子 - (FireFox - MAC)

Answer 1

您的浏览器根据 URL 将外部 CSS 页面存储在您的缓存中。

转到三行选项按钮，单击“历史记录”，然后转到“清除浏览数据...”。从下拉菜单中选择“时间开始”，选中所有框并按下“清除浏览数据”按钮。