Как убрать границу изображения bxslider - PullRequest
Новая
       17

Как убрать границу изображения bxslider

0 голосов
/ 14 апреля 2019

У меня проблема с удалением границы вокруг изображения в 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>

1 Ответ

1 голос
/ 14 апреля 2019

Попробуйте использовать это: 

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