IEユーザーが検索入力フィールドに入力できない

Question

現在、長い検索語句が必要なサイトを構築中です。 このため、私は下のbootsnippに示されているようにドロップダウン検索バーを選択しました。私はそれにいくつかのスタイリングを追加しましたが、残りのコードは同じです。

IEは、ユーザーが検索入力フィールドにテキストを入力することを許可しません。カーソルは表示されます。

これはどうして起こっているのか、IE専用のコードに何が追加できるのでしょうか？

ここでは、HTML、CSS、およびJSを含むBootsnippの作業例へのリンクを入れました。この例には私が持っているのと同じ問題があります。

View menu with problem here + HTML, CSS & JS

Answer 1

これはIEの固有のものではない、それはinput.Chromeの外にテキストを推進しているパディングがちょうどパディングを無視するようです。

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

変更パディングとは、このことができます開発ツールで

https://developer.chrome.com/devtools

希望を見ることで、私は問題を発見した

.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; 
} 

入力に高さを追加します:)