HTML入力テキストのカーソル位置の問題

Question

あなたの助けを求めるだけです。 htmlページの負荷は、入力されたテキストにカーソルが高すぎる、または間違った位置にあるとき：

が、焦点に、入力テキストカーソルが正しい場合：

ここで別の同じ質問が見つかりましたが、line-height修正で問題が解決されません。

CSS：

input[type=text] { 
    border-radius: 0 !important; 
    height: 50px !important; 
    font-size: 14px !important; 
    box-shadow: none !important; 
    line-height: 100% !important; 
} 

Answer 1

これは、パディングの問題です。あなたはinput fiendをクリックすると、それはフォーカスされ、そしてそれはパディングを得て、カーソルが正しい位置にあるようにします。したがって、次のようにパディングを設定します。 -

input[type=text] { 
    border-radius: 0 !important; 
    height: 50px !important; 
    font-size: 14px !important; 
    box-shadow: none !important; 
    line-height: 100% !important; 
    padding: adjust according to your choice; 
}