So entfernen Sie Schatten von glyphicons in der bootstrap-Karussell

Ich habe ein bootstrap-carousel auf meiner Website. Die rechten und linken Pfeil, glyphicons, die mit ihm gekommen sind umgeben von einem quadratischen grauen Kasten der Schattierung. Ich Frage mich, wenn jemand könnte mir sagen, wie zu entfernen der Schattierung, so dass ich nur noch die Pfeile. Muss ich überschreiben bootstrap-css irgendwie?

InformationsquelleAutor user4583569 | 2015-03-10
  1. 19

    Ich hatte dieses Problem vor, fügen Sie diese als bootstrap bietet Schatten als hintergrund Bild oder/und als filter

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

    Und schlug vor, ich würde die Deckkraft ändern, sondern 1

    InformationsquelleAutor jsg
  2. 1

    fügen Sie einfach <style="background-image: none;"> im .Karussell-Steuerelement

    InformationsquelleAutor Ashish Jha
  3. 0

    Ich denke, was Sie sich beziehen ist .carousel-control Elemente.

    Diese Bootply, die ich erstellt habe, sollte dir zeigen, was du einstellen musst, ist die Deckkraft des Elements.

    http://www.bootply.com/TvRdyXhIxo

    Stellen Sie die Deckkraft auf den normalen Zustand und den hover-Zustand an, was Sie wollen.

    .carousel-control {
  opacity: 0.5;
}

.carousel-control:hover {
  opacity: 0.5;
}
    InformationsquelleAutor Billy Moat
  4. 0

    Fügen Sie einfach diese und stellen Sie sicher, es ist das überschreiben der bootstrap.css

    .carousel-control {
    background-image:none !important;
    filter:none !important;
}
    InformationsquelleAutor Yousef Altaf
Schreibe einen Kommentar