如何删除bxslider图像边框

Question

我在删除bxslider中图像周围的边框时遇到问题。我从堆栈溢出检查了其他解决方案，但它们没有帮助我。 请在这种情况下帮助我。

对于前者，这对我没有帮助：

.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

我的CSS：

.bx-viewport, .bx-wrapper{
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: none !important;
  left: 0;
  padding: 0;
  margin: 0;

}
.bxslider{
  border: none;
  margin: 0;
  padding: 0;
  background-color: blue;
}
ul.bxslider {
  margin: 0;
  padding: 0;
}

我的html代码：

<ul class="bxslider">
   <li><img src="img/bx-slider/img1.jpg" /></li>
   <li><img src="img/bx-slider/img2.jpg" /></li>
   <li><img src="img/bx-slider/img3.jpg" /></li>
</ul>

Answer 1

尝试使用此：

.bx-wrapper img{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}