Lösung zur inkonsistenten Anzeige der Cursorgröße im Eingabefeld
|
Die Cursorgröße im Eingabefeld ist inkonsistent Der Unterschied zwischen IE7 und Chrome ist sehr offensichtlich Schauen wir uns zunächst die Ursache des Problems an: Der Chrome-Browser legt die Cursorhöhe nach folgendem Prinzip fest: Wenn kein Inhalt vorhanden ist, ist die Cursorhöhe = der Wert der Zeilenhöhe der Eingabe; wenn Inhalt vorhanden ist, bewegt sich der Cursor vom oberen Rand der Eingabe zum unteren Rand des Textes. OK, jetzt, da wir den Grund kennen, werden wir entsprechende Maßnahmen ergreifen. Habe es auf zwei Arten versucht:. Methode 1: Stellen Sie den Zeilenhöhenwert auf den gleichen Wert wie die Schriftgröße ein. Wenn die Höhe nicht erreicht wird, verwenden Sie eine Polsterung, um dies zu unterstützen. Methode 2: Legen Sie für Chrome keine Zeilenhöhe fest, da der Text dann automatisch zentriert wird. Legen Sie für IE einen Zeilenhöhenwert fest, um sicherzustellen, dass der Text vertikal zentriert ist. Beachten Sie hier, dass, wenn Zeilenhöhe und andere Werte in der Datei zum Zurücksetzen des Stils festgelegt sind, die Zeilenhöhe zurückgesetzt werden muss. Sie können Zeilenhöhe:normal verwenden. Weitere Einzelheiten finden Sie im Suchfeld auf der Tencent Hollywood-Seite. Spezifisches CSS: Code kopieren Der Code lautet wie folgt:Höhe: 34px; Schriftgröße: 12px; Zeilenhöhe: normal; Zeilenhöhe: 34px\9; |
<<: Erfahren Sie mehr über die am häufigsten verwendeten JavaScript-Ereignisse
Artikel empfehlen
Analyse der Implementierungsmethode zum Ändern des Standardnetzwerksegments von Docker
Hintergrund Alle Server des Unternehmens sind gek...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.6.22
In diesem Tutorial wird der spezifische Code der ...
So konvertieren Sie Chinesisch in HTML in UTF-8
In HTML kann die chinesische Phrase „學好好學“ als „學...
Analyse des Benchmarking-Prozesses von Sysbench für MySQL
Vorwort 1. Benchmarking ist eine Art Leistungstes...
Codebeispiele für die Dekomprimierung, Änderung und andere Betriebsmethoden von Linux-Deb-Paketen
Aus verschiedenen Gründen müssen Sie manchmal den...
Zusammenfassung der Dateninteraktion zwischen Docker-Container und Host
Vorwort Beim Einsatz von Docker in einer Produkti...
9 Tipps zur Codeoptimierung zur Verbesserung der Website-Benutzerfreundlichkeit, auf die Webmaster achten sollten
1. Fügen Sie Ihrem Logo alternativen Text hinzu D...
Designtheorie: Die Grundlagen der Schriftgestaltung
<br />Worte sind das unvermeidliche Produkt ...
Lösung für Docker-Container, der Schriftarten wie Songti nicht erkennt
Problemhintergrund: Wenn Sie Docker zum Bereitste...
So laden Sie die Kamera in HTML
Wirkungsdiagramm: Gesamtwirkung: Video wird gelad...
Zusammenfassung der Vue Watch-Überwachungsmethoden
Inhaltsverzeichnis 1. Die Rolle der Uhr in Vue is...
Detaillierte Erläuterung der ersten Erfahrungen mit Vue3.0 + TypeScript + Vite
Inhaltsverzeichnis Projekterstellung Projektstruk...
In einem Artikel erfahren Sie, wie Sie mehrere DIVs und Schaltflächenbindungs-Eingabeereignisse in VUE implementieren
Aktuell besteht die Anforderung, dass beim Klicke...
WebStorm kann die Lösung der Vue3-kombinierten API nicht korrekt identifizieren
1 Problembeschreibung Die kombinierte API von Vue...
Programme zum Abfragen und Löschen der Portnutzung im Windows-Betriebssystem
Im Windows-Betriebssystem das Programm zum Abfrag...