Comment faire pour supprimer l'ombre de glyphicons dans le bootstrap carrousel

J'ai un bootstrap carrousel sur mon site. La flèche droite et flèche gauche glyphicons qui vont avec sont entouré par un carré gris boîte de l'ombrage. Je me demandais si quelqu'un pouvait me dire comment faire pour supprimer l'ombrage je viens donc de flèches. Dois-je remplacer bootstrap css en quelque sorte?

OriginalL'auteur user4583569 | 2015-03-10

  1. 19

    J'ai eu ce problème avant, il suffit d'ajouter ce que bootstrap propose l'ombre comme une image de fond ou/et comme un filtre

    .carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

    Et comme l'a suggéré avant je voudrais changer l'opacité, mais à 1

    OriginalL'auteur jsg

  2. 1

    juste ajouter <style="background-image: none;">.carrousel de contrôle

    OriginalL'auteur Ashish Jha

  3. 0

    Je pense que vous faites allusion à l'est .carrousel-les éléments de contrôle.

    Ce Bootply que j'ai créé devrait vous montrer ce que vous avez besoin d'ajuster ce qui est de l'opacité de l'élément.

    http://www.bootply.com/TvRdyXhIxo

    Réglez l'opacité sur l'état normal et l'état de pointage pour tout ce que vous voulez.

    .carousel-control {
  opacity: 0.5;
}

.carousel-control:hover {
  opacity: 0.5;
}

    OriginalL'auteur Billy Moat

  4. -1

    Il suffit d'ajouter cette et assurez-vous d'écraser le fichier d'amorçage.css

    .carousel-control {
    background-image:none !important;
    filter:none !important;
}

    OriginalL'auteur Yousef Altaf