Javascript Chrome中的引导边界不会消失

所以我有一个旋转木马，它（几乎）完美，但在Chrome中，它仍然有一个我无法摆脱的单像素（ish）边框。这在Firefox中并不存在，所以我相信这是Chrome独有的问题。以前有人遇到过这种情况吗？旋转木马是从引导和它的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>

---

无需提供一个如此卑鄙的border属性来隐藏，只需提供一个border：无这应该可以

border:none !important;

---

移除旋转木马周围的所有东西，看看这个标记。如果它坐在某个东西旁边，请将图像设置为100.05%。我觉得自己很笨，谢谢你的回答！如果你提交它，我会给你一个要点，尽管我仍然很好奇样式的问题是什么……你不需要为旋转木马或任何全宽的东西做那么多标记。Chrome的问题是一个舍入错误。