谷歌浏览器（MAC）上的按钮看起来不同

Question

对于上述网站，我开始遇到一个问题，即Google Chrome（MAC）上的CSS按钮看起来有所不同。这才刚刚开始。

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

您的浏览器会根据其网址将外部CSS页面存储在缓存中。

转到三线选项按钮，点击＆＃34;历史记录＆＃34;，然后转到＆＃34;清除浏览数据...＆＃34;。从下拉菜单中选择＆＃34;时间的开始＆＃34;，选中所有框并按下＆＃34;清除浏览数据＆＃34;按钮。