css - 如何删除bxslider图像边框

Question

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

对于 ex 这对我没有帮助:

.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;
}