javascript - Chrome 中的 Bootstrap 边框不会消失

Question

所以我有一个(几乎)完美的旋转木马，但在 Chrome 中它仍然有一个我无法摆脱的单像素(大概)边框。这在 Firefox 中不存在，所以它让我相信这是一个仅限 Chrome 的问题。有没有人遇到过这个？轮播来自 bootstrap，它加载了 AngularUI。

如果有任何帮助，这是我的 CSS 和描述我正在谈论的内容的图像。

.jumbotron{
  width: 100%;
  height: 430px;
  margin: 0 !important;
  padding: 0 !important;
  background: none;
  }

  .item {
    background-color: transparent;
    background: none;
    border-color: transparent;
    border:0;
    padding: 0 !important;
    border-image-width: 0 !important;
  }

  .item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated {
    background-color: transparent;
    background: none;
    border-color: transparent;
    border:0 !important;
    padding: 0 !important;
    border-image-width: 0 !important;
  }

  .carousel-control.right{
    right: 20px;
    top: 200px;
    height: 5%;
    width: 5%;
    background: none;
  }
  .carousel-control.left{
    left: 20px;
    top: 200px;
    height: 5%;
    width: 5%;
    background: none;
  }

  .carousel-control{
    z-index: 2;
    background: none;
  }

这是它的 HTML

  <div class='jumbotron row'>
    <div  class="no-pad no-marg col-md-12 show-grid">
      <carousel id="carousel" interval="-1">
        <slide ng-repeat="slide in vm.slides" active="slide.active">
          <img ng-src="{{slide.image}}" style=" max-height:400px; width: 100%; margin:auto; margin-top: 0;">
        </slide>
      </carousel>
      </div>
  </div>

Answer 1

不需要给一个如此卑鄙的边框属性来隐藏只给一个边框:没有这应该有效

border:none !important;