图像的边框颜色在 Safari 上显示为红色

Question

为什么图像的边框颜色在 Mac 上 Safari 浏览器上变成 红色 但显示 grey（预期颜色）在其他 非 safari 浏览器上？我正在使用的网站基于 Drupal 7。

这里有人能解释一下这种行为背后的原因吗？

 <style>   
    .img-full-width {
        width: 100%;
        border: solid 1px #cccaca !important;
    }
 </style>

    <div class="container">
      <div class="row">
        <div class="col-md-4 col-xs-6">
          <a href="#"><img src=" http://media.istockphoto.com/vectors/language-translation-line-icon-outline-vector-sign-linear-pictogram-vector-id668592940?s=170x170" alt="" class="img-responsive img-full-width"></a>
          <div class="row">
            <div class="col-md-7 col-sm-7">
              <div class="product-pricing product-pricing-min">
                <h6>Random Text</h6>
                <p>From $.1599.00</p>
              </div>
            </div>
            <div class="col-md-5 col-sm-5">
              <a href="#" class="btn btn-mini shop-now hidden-xs show-sm">Select</a>
            </div>
          </div>
        </div>
      </div>
    </div>

Answer 1

我尝试在 css 中设置重置 css 属性并且还使用 jquery。还在 windows 的 safari 上测试了页面，并且显示符合预期（灰色边框）而不是 Mac 的 safari 中出现的红色。

在所有其他浏览器上 css 工作正常。此外，该错误在一年前首次发布该网站时并不存在。所以我假设它是 Safari 中的一个错误-Mac.