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

时间:2017-07-12 11:54:54

标签: css html5 macos safari drupal-7

为什么图像的边框颜色在Mac上 Safari浏览器上变为红色,但在其他灰色(预期颜色) >非safari 浏览器?我正在研究的网站基于Drupal 7。

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

enter image description here

 <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>

1 个答案:

答案 0 :(得分:0)

我尝试在css&amp;中设置重置css属性。也使用jquery。还在Safari的safari上测试了页面,显示符与预期(灰色边框)而不是红色,出现在Mac的safari中。

在所有其他浏览器上,css工作正常。在一年前的网站初始发布期间,该错误也不存在。所以我认为它是Safari-Mac中的一个错误。