input[type='text'] テキストボックスのカーソルの高さは、入力内容がある場合と空の場合で大きく変わります。
まず、問題の原因を見てみましょう: Chrome ブラウザのカーソルの高さの設定原則は、コンテンツがない場合、カーソルの高さ = 入力の行の高さの値です。コンテンツがある場合、カーソルは入力からテキストの上からテキストの下に移動します。
さて、原因が分かりましたので、それに応じた対策を講じます。それを行うには2つの方法を試しました:
方法 2: クロムの行の高さを設定しないでください。テキストを自動的に中央揃えにします。IE をハックして、テキストが垂直方向に中央揃えになるように line-height の値を設定します。リセット スタイル ファイルに line-height などの値が設定されている場合は、行をリセットしてください。 -height を使用できます。 line-height:normal。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
