IE-Benutzer können mein Sucheingabefeld nicht ausfüllen

Question

Ich baue gerade eine Website, die oft lange Suchbegriffe benötigt. Aus diesem Grund wählte ich eine Drop-Down-Suchleiste, wie im Bootsnipp unten gezeigt, ich habe etwas Styling hinzugefügt, aber der Rest des Codes ist der gleiche.

Leider erlaubt IE Benutzern nicht, irgendeinen Text in das Sucheingabefeld einzugeben - es zeigt einen Cursor.

Weiß jemand, warum das passiert oder was ich in der Lage sein könnte, den Code speziell für IE hinzuzufügen?

Ich habe den Link zum Arbeitsbeispiel auf Bootsnipp hier eingefügt es enthält die HTML, CSS und JS. Das Beispiel hat das gleiche Problem wie ich.

View menu with problem here + HTML, CSS & JS

Answer 1

Dies ist nicht IE spezifisch, es ist die Polsterung, die den Text aus dem input.Chrome drängt scheint nur die Polsterung zu ignorieren.

.navbar-bootsnipp .bootsnipp-search .form-control { 
    background-color: rgb(235, 235, 235); 
    border-radius: 0px; 
    border-width: 0px; 
    font-size: 24px; 
    padding: 25px 0px; 
} 

Ändern der Polsterung und fügen Sie eine Höhe an den Eingang

.navbar-bootsnipp .bootsnipp-search .form-control { 
    background-color: rgb(235, 235, 235); 
    border-radius: 0px; 
    border-width: 0px; 
    font-size: 24px; 
    padding: 10px 0px; 
    height: 50px; 
} 

ich das Problem, indem Sie in den Entwickler-Tools gefunden

https://developer.chrome.com/devtools

this helps :)