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
Beispiel für die Verwendung von MRG_MyISAM (MERGE) zur Implementierung einer Abfrage nach der Partitionierung in MySQL
Die Optimierung großer Datenbankdatenmengen ist e...
Der Unterschied zwischen Anzeige, Sichtbarkeit, Deckkraft, RGBA und Z-Index: -1 in CSS
Wir müssen oft die versteckten, transparenten und...
So beheben Sie den MySQL-Fehler 10061
In diesem Artikel erfahren Sie die Lösung für das...
WeChat-Applet zum Speichern von Alben und Bildern in Alben
Ich entwickle derzeit eine Video- und Tool-App, ä...
Tipps zur MySQL-Leistungsoptimierung
MySQL-Leistungsoptimierung MySQL wird in Internet...
Eine Zeile CSS-Code, die Chrome zum Absturz bringt
Allgemeiner CSS-Code verursacht nur geringfügige ...
Beispiele für einige Verwendungstipps für META-Tags in HTML
HTML-Meta-Tag HTML-Meta-Tags können verwendet wer...
Was sind die Kernmodule von node.js
Inhaltsverzeichnis Globales Objekt Globale Objekt...
Grafische Analyse des Speicherorts der MySQL5.7-Konfigurationsdatei in der Windows-Umgebung
1. MySQL-Installationsverzeichnis Kopieren Sie de...
5 VueUse-Bibliotheken, die die Entwicklung beschleunigen können (Zusammenfassung)
Inhaltsverzeichnis Welche Dienstprogramme bietet ...
JS asynchroner Code Unit-Test Magie Promise
Inhaltsverzeichnis Vorwort Verkettung von Verspre...
Analyse des GTK-Treeview-Prinzips und der Verwendung
Die GtkTreeView-Komponente ist eine erweiterte Ko...
Galeriefunktion durch natives Js implementiert
Inhaltsverzeichnis Der erste Der Zweite Native Js...
jQuery-Plugin zur Implementierung des Suchverlaufs
Jeden Tag ein jQuery-Plugin – um einen Suchverlau...
Zusammenfassung der Blockelemente, Inline-Elemente und variablen Elemente
Blockelement p - Absatz Text vorformatieren Tisch ...