So entfernen Sie Schatten von Glyphicons im Bootstrap-Karussell

Question

Ich habe ein Bootstrap-Karussell auf meiner Website. Die Glyphicons für den rechten und den linken Pfeil, die damit einhergehen, sind von einem quadratischen grauen Kästchen mit Schattierungen umgeben. Ich habe mich gefragt, ob mir jemand sagen könnte, wie ich die Schattierung entfernen soll, also habe ich nur die Pfeile. Muss ich den CSS des Bootstrap irgendwie überschreiben?

Answer 1

ich vor dieses Problem gehabt haben, gerade dies als Bootstrap hinzufügen bietet den Schatten als Hintergrundbild oder/und als Filter

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

Und wie vorgeschlagen, bevor ich die Opazität ändern würde, aber zu 1

Answer 2

Ich denke, was Sie beziehen sich auf die .carousel-Steuerelement Elemente.

Diese Bootply, die ich erstellt habe, sollte Ihnen zeigen, was Sie anpassen müssen, was die Deckkraft des Elements ist.

http://www.bootply.com/TvRdyXhIxo

die Opazität auf den Normalzustand eingestellt, und der Hover-Zustand, was auch immer Sie wollen.

.carousel-control { 
    opacity: 0.5; 
} 

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