无法删除bxSlider周围的白色边框

Question

我正在尝试消除盒子滑块周围的白色边框。它显示 5 像素的白色实心边框。我在css中尝试了border:0 !important，在js中尝试了outline:0。我尝试了 box-sizing:border-box。我尝试了 box-shadow:none 。 结果是 bxSlider 周围有一个 5px 的白色边框

CSS

#wrapper {
    width: auto;
    margin: 70px 0px;
    padding: 0px;
    background-color: #d8d2d2;
}

a.slide {
    width: 100%;
}

#bxSlider {
    background-color: #d8d2d2;
    border:0 !important;
}

JS

`$('.bxSlider').bxSlider({
    mode: 'vertical',
  speed: 500,
  nextSelector: '#slider-next',
  prevSelector: '#slider-prev',
  nextText: '<i class="fa fa-angle-right" style="color:black; font-size:42px"/> </i>',  
  prevText: '<i class="fa fa-angle-left" style="color:black; font-size:42px"/> &nbsp; </i>',    
  slideMargin: 0,
  infiniteLoop: true,
  pager: false,
  outline: 0,  
  minSlides: 3,
  maxSlides:3,
  moveSlides: 3,
  adaptiveHeight: false,
  slideSelector: 'a.slide'
});`

Answer 1

你尝试过吗：

.bx-wrapper {
    border:0 !important;
}

因为看起来边框应用于包装纸上，而不是滑块上

Answer 2

您可以尝试将父类添加到

#bxSlider

元素并在 CSS 中使用它：

    #wrapper {
      /* existing code */
    }
    .slider-container #bxSlider {
      border: 0 !important;
}