Chromeブラウザでカーソルの高さを設定する原則は、コンテンツがない場合、カーソルの高さ=入力ライン高さの値です。コンテンツがある場合、入力入力ボックスのカーソルサイズは、入力の上部からテキストの下部まで一貫して表示されません。
IE7は、Chromeを中和することで非常に明白です
問題の理由を見てみましょう。カーソルの高さを設定するというクロムブラウザの原則は、コンテンツがない場合、カーソルの高さ=入力のライン高さの値です。コンテンツがある場合、カーソルは入力の上からテキストの下部に移動します。
OK、理由を知っているので、それに応じていくつかの措置を講じます。私はそれをするために2つの方法を試しました：
方法1：ラインハイトの値をフォントサイズと同じサイズに設定します。高さに達していない場合は、パディングを使用してサポートします。
方法2：Chromeのラインハイトを設定しないでください。テキストを自動的に中心にします。 IEのライン高さの値をハッキングして、テキストが垂直に中央にあることを確認します。ここでは、リセットのスタイルファイルにラインハイト値を設定する場合は、ラインハイトをリセットしてください。ラインハイト：通常を使用できます。詳細については、Tencent Hollywoodページの検索ボックスをご覧ください。
特定のCSS：
コードをコピーします