How do you remove the default Bootstrap 3 carousel control background gradients?

Question

I\'m pretty sure this is the code I need to modify, but for some reason I can\'t get the gradients to disappear in IE. I want them completely gone!

.carousel-con         


        

Answer 1

I notice that this will also have this annoying dotted line box when you click it unless you add this:

All in all, this makes the buttons beautiful:

.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
 }
.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
}