Div kann Inhalte eingeben, ohne die Eingabe als Eingabefeld zu verwenden, um den automatischen Eingabestil zu blockieren

Heute habe ich einen dynamischen Fensterstil für die Veröffentlichung entworfen und festgestellt, dass der Stil, der vom Browser automatisch hinzugefügt wird, wenn mit der Maus auf die Eingabe geklickt wird, nicht mit dem Gesamtstil der Website übereinstimmt. Obwohl diese intelligente Funktion des Browsers sehr fortschrittlich ist, wirkt sie sich manchmal zwangsläufig auf die Gesamtkonsistenz des Designs aus.

Dann habe ich darüber nachgedacht, ob es möglich wäre, die Eingabe nicht als Eingabefeld zu verwenden, also habe ich es geändert in

Code kopieren

Der Code lautet wie folgt:

Ich dachte, ich könnte die „intelligente“ Funktion des Browsers umgehen, aber der Browser war zu intelligent und der Effekt war genau der gleiche. Ich konnte nur zu Baidu gehen und stellte später fest, dass mein CSS nicht gut vorbereitet war. Armes Ich (Selbstprüfung im Gange)

Es gibt eine solche Eigenschaft in CSS

Code kopieren

Der Code lautet wie folgt:

.content{outline:none;}

Und das ist etwas, was CSS3 bereits hatte, aber ich ...

Eine schnelle Lösung für das Problem, dass im entpackten Paket von Windows 64-Bit MySQL 5.7 oder höher kein Datenverzeichnis und keine my-default.ini vorhanden sind und der Dienst nicht gestartet werden kann (Problemübersicht)

Artikel

Div kann Inhalte eingeben, ohne die Eingabe als Eingabefeld zu verwenden, um den automatischen Eingabestil zu blockieren

Vue-Handschrift-Ladeanimationsprojekt

Vue Element Front-End-Anwendungsentwicklung, dynamische Menü- und Routing-Assoziationsverarbeitung

Detaillierte Erläuterung der MySQL-Benutzerrechteverwaltung

Tutorial zum Verbinden und Verwenden von MySQL 8.0 im Maven-Projekt von IDEA

Eine schnelle Lösung für das Problem, dass im entpackten Paket von Windows 64-Bit MySQL 5.7 oder höher kein Datenverzeichnis und keine my-default.ini vorhanden sind und der Dienst nicht gestartet werden kann (Problemübersicht)

Detaillierte Erklärung zum Aktivieren des langsamen Abfrageprotokolls in der MySQL-Datenbank

Aktivierungsmethode für Windows Service 2016 Datacenter\Stand\Embedded (2021)

JavaScript zum Implementieren einer dynamischen Digitaluhr

TD bei der Webseitenproduktion kann auch über die versteckte Anzeige hinauslaufen

Zusammenfassung der Wissenspunkte zu den Linux-Befehlen ps und pstree

Artikel empfehlen

Kurze Einführung und Verwendung von Table und div

So erstellen Sie eine LNMP-Umgebung unter Ubuntu 20.04

JS implementiert ein zufälliges Namensaufrufsystem

Beispielmethode zum Bereitstellen eines React-Projekts auf Nginx

IE6-Schriftart kann nicht definiert werden: Die Größe von 13 Pixeln ist ungültig. IE6 zeigt automatisch eine größere Schriftartlösung an.

Reines CSS3 zum Erzielen einer schönen Bibliothek im Stil einer Eingabefeldanimation (Texteingabeliebe)

Detaillierte Verwendung von Echarts in vue2 vue3

Die Magie des tr-Befehls beim Zählen der Häufigkeit englischer Wörter

Über das Problem beim Ausführen von Git-Programmen in von Docker bereitgestellten Jenkins

Designtheorie: Eine Methode, um die Herzen der Menschen zu verstehen

Detailliertes Tutorial zum Kompilieren und Installieren von mysql8.0.29 in der LNMP-Umgebung von CentOS8

Bringen Sie Ihnen den detaillierten Prozess der Installation von DOClever mit Docker Compose bei

Wie kann das Front-End die 100.000 vom Back-End zurückgegebenen Daten besser anzeigen?

So steuern Sie den Anteil untergeordneter Flex-Elemente auf der Hauptachse

Mehrere gängige Methoden für CSS-Layouts mit gleicher Höhe