Google Chrome (MAC) 上的按钮看起来不同答案

【问题标题】：Button looks different on Google Chrome (MAC)Google Chrome (MAC) 上的按钮看起来不同
【发布时间】：2016-03-23 09:02:03
【问题描述】：

对于上述网站，我开始遇到 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)

【问题讨论】：

你清除缓存了吗？
嗨，我清除了缓存。仍然看到按钮看起来很奇怪。
但你可能是对的，因为该按钮在 Chrome Incognito (MAC) 上看起来不错。
这个按钮在 Chrome 上看起来不错。
转到三行选项按钮，单击“历史记录”，然后转到“清除浏览数据...”。从下拉列表中选择“开始时间”，选中所有复选框并按下“清除浏览数据”按钮。

标签： html css macos google-chrome

【解决方案1】：

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

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

【讨论】：