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

Navicat für MySQL-Tutorial

Artikel

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

Zusammenfassung der für MySQL erforderlichen allgemeinen Kenntnisse

Vue3+TypeScript kapselt Axios und implementiert Anforderungsaufrufe

CSS-Animation kombiniert mit SVG zur Erzeugung eines Energieflusseffekts

Übung zum dynamischen Erstellen von Dialogen entsprechend dem Dateinamen in vue+el-element

Webdesign-Erfahrung: Effizientes Schreiben von Webcode

Konfigurationsschema für die MySQL-Master-Slave-Synchronisierung unter dem Centos7-System

Einführung in gängige Befehle und Tastenkombinationen in Linux

Netzwerkmanagement und Netzwerkisolationsimplementierung von Docker-Containern

Navicat für MySQL-Tutorial

So fügen Sie Bilder in HTML-Seiten ein und fügen Kartenindexbeispiele hinzu

Artikel empfehlen

VMware pro15-Installation macOS10.13 detailliertes Installationsdiagramm (Bild und Text)

Probleme mit Sperren in MySQL

Gemeinsame MySQL-Indexwirksamkeitsbedingungen und Indexungültigkeitsbedingungen

jQuery realisiert Bildhervorhebung

Implementierungsschritte zur Installation von RocketMQ im Docker

Sechs wichtige Selektoren in CSS (merken Sie sie sich in drei Sekunden)

Der vollständige Code der im Uniapp-Applet enthaltenen Radardiagrammkomponente

Hinweise zur Zeitverwaltung des Linux-Kernel-Gerätetreibers

Detaillierte Erklärung der JavaScript-Ereigniskonzepte (Unterscheidung zwischen statischer und dynamischer Registrierung)

Neue Möglichkeiten zum Spielen mit CSS-Schriftarten: Implementierung farbiger Schriftarten

Detaillierte Prozessanalyse der Docker-Bereitstellung des Snail-Cinema-Systems

TypeScript-Problem beim Iterieren über Objekteigenschaften

Lösen Sie das Problem der Randzusammenführung

So erkennen Sie, ob es sich beim aktuellen Browser um einen Headless-Browser mit JavaScript handelt

So verwenden Sie Nginx, um die Koexistenz mehrerer Container auf dem Server zu realisieren