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 ...

Vor- und Nachteile von React Hooks

Artikel

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

4 Möglichkeiten zur Optimierung von MySQL-Abfragen für Millionen von Daten

Einführung in die Containerfunktion of() in der Linux-Kernel-Programmierung

Weitere Features der JavaScript-Konsole

Detaillierte Erklärung der Lösung zur Schriftunschärfe bei Verwendung von Transform in CSS3

Notieren Sie eine Falle bei der Aktualisierung der MySQL-Update-Anweisung

Linux-Datei-/Verzeichnisberechtigungen und Eigentümerverwaltung

Starten Sie den Docker-Dienst neu, um den automatischen Start- und Stoppbefehl anzuwenden (empfohlen)

Implementierungscode für die nahtlose Verbindung des Div-Bildlaufbands

Vor- und Nachteile von React Hooks

Detaillierte Erläuterung der Anwendungsbeispiele für Vue-Router 4

Artikel empfehlen

Beispiel für die Verwendung von MRG_MyISAM (MERGE) zur Implementierung einer Abfrage nach der Partitionierung in MySQL

MySQL Order By-Codebeispiel für Sortierregeln für mehrere Felder

Detailliertes Tutorial zum Ausführen von Tomcat im Debugmodus im IDEA Maven-Projekt

Lösung für das Problem der automatischen Wiederherstellung nach der Änderung von server.xml und content.xml in Tomcat

Beispiele für JavaScript-Entschüttelungen und Drosselung

Detailliertes Beispiel für die Verwendung von useState in React

Warum funktioniert Ihre Größe: 100 % nicht?

Detaillierte Erläuterung der Überwachung des Jenkins-Prozesses basierend auf Zabbix

Eine kurze Diskussion über den Unterschied zwischen MySQL-Primärschlüsselindex und Nicht-Primärschlüsselindex

So halten Sie eine lange Verbindung aufrecht, wenn Sie den Nginx-Reverse-Proxy verwenden

Erstellen Sie Schritt für Schritt ein Dateiverwaltungssystem mit nginx+FastDFS

Detaillierte Erläuterung der benutzerdefinierten Konfiguration des offiziellen Docker-MySQL-Image

Die drei neuen Indizes, die in MySQL 8 hinzugefügt wurden, sind versteckt, absteigend und Funktionen

Docker-Compose erstellt schnell Schritte für ein privates Docker-Warehouse

Detaillierte Erklärung der Verwendung des Bash-Befehls