入力入力ボックスのカーソルサイズ表示が一定しない問題の解決_HTML/Xhtml_Webページ制作

入力ボックスのカーソル サイズが一貫して表示されません

IE7 と Chrome では非常に明白です

まず問題の原因を見てみましょう: Chrome ブラウザはカーソルの高さを次のように設定します。 : 内容がない場合 カーソルの高さ = 入力の行の高さの値の場合、内容がある場合、カーソルは入力の上部からテキストの下部に移動します。

はい、原因が分かりましたので、それに応じた対策を講じます。それを行うには2つの方法を試しました:

方法 1: フォント サイズと一致するように行の高さの値を設定します。高さに達しない場合は、パディングを使用してサポートします。

方法 2: 行の高さの値を設定しません。 Chrome の場合は、IE をハックして、テキストが垂直方向に中央揃えになるように設定します。リセット スタイルに line-height などの値が設定されている場合は、ここに注意してください。ファイルでは、 line-height をリセットしてください。 line-height:normal を使用できます。詳細については、Tencent の Hollywood ページの検索ボックスをご覧ください。

特定の css:

コードをコピー

コードは次のとおりです:

高さ: 34px;
フォントサイズ: 12px;
行の高さ: 34px9;