remove border around bxslider slides

Question

I am using jquery bx slider. I want to remove the border around the slides. How do I do this? I tried this, but it didn't work:

ul.bxslider {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  border: none;
}

Any other ways to do so?

Answer 1

As accepted answer is no more correct (in 2018 - bxSlider v4.2.12), I added here working CSS:

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

!important is not necessary, if you add this CSS after linking to bxSlider's CSS file.