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
Erläuterung der Zusammenführung von TypeScript-Namespaces
Inhaltsverzeichnis Namespaces mit gleichem Namen ...
So erstellen Sie ein standardisiertes VMware-Image für Kubernetes unter Rancher
Wenn wir Kubernetes lernen, müssen wir in der Kub...
Diskussion über CSS-Stilpriorität und kaskadierende Reihenfolge
Im Allgemeinen : [1 wichtige Flagge] > [4 beson...
Nginx erstellt Implementierungscode für RTMP-Liveserver
1. Erstellen Sie ein neues RTMP-Verzeichnis im Ng...
Rendering-Funktion und JSX-Details
Inhaltsverzeichnis 1. Grundlagen 2. Knoten, Bäume...
Detaillierte Erklärung der Verbindung von DBeaver zu MySQL Version 8 und höher und Lösung möglicher Probleme
Datenbank MySQL Version 8.0.18 Laden Sie eine DBe...
Analyse der MySQL-Absturzwiederherstellung basierend auf Redo Log und Undo Log
Inhaltsverzeichnis MySQL-Absturzwiederherstellung...
Detaillierte Erläuterung der Ausführungsreihenfolge der JavaScript-Alarmfunktion
Inhaltsverzeichnis Frage analysieren lösen Ersetz...
So beheben Sie Dateisystemfehler in Linux mit „fsck“
Vorwort Das Dateisystem ist für die Organisation ...
Beispielcode zum Partitionieren und Formatieren einer Festplatte größer als 20 TB auf CentOS6
1. Konfiguration der Serverumgebung: 1. Überprüfe...
Methoden zum Defragmentieren und Freigeben von Speicherplatz in MySQL-Tabellen
Inhaltsverzeichnis Ursachen der MySQL-Tabellenfra...
innerHTML-Anwendung
Blanks Blog: http://www.planabc.net/ Die Verwendu...
10 Arten von Ladeanimationen mit CSS3 implementiert. Eine auswählen und los geht‘s?
Wirkung html <Text> <div Klasse="In...
Beispielcode zur Implementierung eines bildadaptiven Containers mit CSS
Es gibt häufig Szenarien, in denen das Bild an di...
So zeigen Sie den Rahmen an, wenn td leer ist
Zuvor habe ich zusammengefasst, wie man mit CSS di...