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
Typische Fälle von MySQL-Indexfehlern
Inhaltsverzeichnis Typische Fälle Anhang: Häufige...
Analyse der Verwendung temporärer MySQL-Tabellen [Abfrageergebnisse können in temporären Tabellen gespeichert werden]
Dieser Artikel veranschaulicht anhand eines Beisp...
Detaillierte Erklärung der MySQL DEFINER-Verwendung
Inhaltsverzeichnis Vorwort: 1. Kurze Einführung i...
So erstellen Webdesigner Bilder für Retina-Displays
Besonderer Hinweis: Dieser Artikel wurde basieren...
W3C Tutorial (9): W3C XPath Aktivitäten
XPath ist eine Sprache zum Auswählen von Teilen v...
Detaillierter Installationsprozess von mysql5.7.21 unter Win10
In diesem Artikel erfahren Sie mehr über die Inst...
Erfahren Sie, wie Sie in fünf Minuten mit vue-cli3 ein Projekt erstellen (Anleitung für Anfänger)
Inhaltsverzeichnis 1. Erstellen Sie die Vue-Umgeb...
Einführung in die Verschachtelungsregeln von HTML-Tags
Es gibt viele XHTML-Tags: div, ul, li, dl, dt, dd...
Gründe und Lösungen für die Aufforderung zum Speichern der Aktion nach dem Hochladen von Dateien im Formular
Die JSON-Daten müssen im HTML-Format zurückgegeben...
Implementierung einer zirkulären Scroll-Listenfunktion basierend auf Vue
Hinweis: Sie müssen dem übergeordneten Container ...
JS realisiert die automatische Wiedergabe der Timeline
Vor kurzem habe ich einen solchen Effekt implemen...
Das Textarea-Tag kann nicht in der Größe geändert und nicht mit der Maus gezogen werden
Die Größe des Textbereich-Tags ist unveränderlich ...
Detaillierte Beschreibung des komponentenbasierten Front-End-Entwicklungsprozesses
Hintergrund <br />Studenten, die am Front-En...
Zusammenfassung der für die Front-End-Entwicklung erforderlichen allgemeinen Toolfunktionen
1. Zeitformatierung und andere Methoden Es wird e...
JavaScript MouseEvent-Fallstudie
Mausereignis Wenn die Maus eine bestimmte Operati...