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

Question

为什么图像的边框颜色在 Mac 上的 Safari 浏览器 上变为红色，但在其他 上显示为灰色(预期颜色) >非 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。还在 safari for windows 上测试了页面，并且显示如预期(灰色边框)而不是出现在 safari for Mac 中的红色。

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