So erstellen Sie ein Bootstrap-Eingabefeld "transparent"

Question

Ich versuche, den Rahmen aus einem Bootstrap-Eingang form-control zu entfernen. Nach border-color:white Einstellung Ich bekomme diese

Wie kann ich diesen oberen Rand verlieren? Ich dachte, es könnte eine Schatteneigenschaft sein, aber ... nichts.

Dies ist das Markup

<div class="form-group"> 
    <input class="form-control transparent-input" type='text' name='name' placeholder="Field title..." required> 
</div> 

Bootstrap v3.1.1

EDIT:

Keine der Lösung unterhalb arbeitet. sehen diese Fiddle

Answer 1

Set Hintergrundfarbe mit rgba() auch border:none; hinzufügen, um der Grenze

<style> 
    input.transparent-input{ 
     background-color:rgba(0,0,0,0) !important; 
     border:none !important; 
    } 
</style> 

Der letzte Wert 0 entfernen den Hintergrund transparent

oder einfach gesetzt Hintergrundfarbe als transparent machen.

<style> 
    input.transparent-input{ 
     background-color:transparent !important; 
     border:none !important; 
    } 
</style> 

!important, die die bestehenden Stil

Answer 2

.transparent-input { background: tranparent; } 

Answer 3

Ändern der Hintergrundfarbe zu überschreiben.

Sie können die Hintergrundfarbe auf (0,0,0) und die Deckkraft auf "0" ändern. Auch use border:none. Versuchen Sie es mit !important, um den vorhandenen Stil zu überschreiben, wenn das obige nicht funktioniert.