Das Prinzip der Einstellung der Cursorhöhe im Chrombrowser ist, dass die Cursorhöhe = der Wert der Eingangsleitungshöhe. Wenn sich der Inhalt befindet, wird die Cursorgröße im Eingangseingangsfeld Eingangseingang inkonsistent von der Oberseite der Eingabe zum unteren Rand des Textes angezeigt.
IE7 ist bei der Neutralisierung von Chrom sehr offensichtlich
Schauen wir uns den Grund für das Problem an: Das Prinzip des Chrombrowsers, die Cursorhöhe festzulegen, lautet: Wenn es keinen Inhalt gibt, ist die Cursorhöhe = den Wert der Linienhöhe der Eingabe. Wenn es Inhalt gibt, geht der Cursor von der Oberseite der Eingabe zum unteren Rand des Textes.
Ok, da wir den Grund kennen, werden wir einige Maßnahmen entsprechend ergreifen. Ich habe zwei Möglichkeiten versucht, es zu tun:
Methode 1: Setzen Sie den Wert der Linienhöhe auf die gleiche Größe wie die Schriftgröße; Wenn die Höhe nicht erreicht ist, verwenden Sie die Polsterung, um sie zu unterstützen.
Methode 2: Setzen Sie keine Zeilenhöhe für Chrome, sondern zentrieren automatisch den Text. Hacken Sie den Wert der Linienhöhe für den IE, um sicherzustellen, dass der Text vertikal zentriert ist. Hier sollten Sie beachten, dass Sie die Zeilenhöhe verwenden können, wenn Sie Zeilenhöhenwerte in der Style-Datei des Reset-Resets einstellen, die Zeilenhöhe verwenden: Normal. Weitere Informationen finden Sie im Suchfeld der Tencent Hollywood -Seite.
Spezifische CSS:
Kopieren Sie den Code