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
Mysql speichert Baumstruktur durch Adjazenzliste (Adjazenzliste)
Der folgende Inhalt stellt den Prozess und die Lö...
Detaillierte Erläuterung der Verwendung der Cloud-native-Technologie Kubernetes Scheduling Unit Pod
Die kleinste Planungseinheit in k8s --- pod Im vo...
So prüfen Sie, ob eine Tabelle in MySQL vorhanden ist, und löschen sie dann stapelweise
1. Ich habe lange im Internet gesucht, konnte abe...
Detaillierte Erläuterung der geplanten Ausführungsaufgaben für MySQL-Datenbankereignisse
1. Hintergrund Mit der Weiterentwicklung des Proj...
Installieren und konfigurieren Sie SSH in CentOS7
1. Installieren Sie openssh-server yum install -y...
Die häufigsten Fehler beim Schreiben von HTML-Tags
Wir sollten besser aufpassen, denn die HTML-Poliz...
Erfahren Sie mehr über den MySQL-Ausführungsplan
Inhaltsverzeichnis 1. Einführung in den Implement...
Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux
Linux-Betrieb Experimentelle Umgebung: Centos7-Vi...
Detaillierte Erklärung der Single-Choice- und Multiple-Choice-Auswahl im HTML-Select-Tag
Das Auswahlelement erstellt ein Einzelauswahl- ode...
XHTML 1.0-Referenz
Nach Funktion sortierenNN: Gibt an, welche frühere...
So verwenden Sie Zeit als Beurteilungsbedingung in MySQL
Hintergrund: Während des Entwicklungsprozesses mü...
So verwenden Sie CSS-Overflow: Hidden (Überlauf ausblenden und Floats löschen)
Überlauf ausblenden Damit ist gemeint, dass Text-...
Zusammenfassung der Diskussion zur Gültigkeitsdauer von Nginx-Cookies
Bei jedem Besuch wird im Browser Cookie generiert...
Vue verwendet Regeln zur Implementierung der Formularfeldvalidierung
Es gibt viele Möglichkeiten, Formularfelder in Vu...
So simulieren Sie Netzwerkpaketverlust und -verzögerung in Linux
netem und tc: netem ist ein Netzwerksimulationsmo...