css - 如何删除bxslider图像边框

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

最佳答案

尝试使用此：

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

关于css - 如何删除bxslider图像边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55674365/