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

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:

<div Klasse="Inhalt" contenteditable="true"></div>

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

<<:  Informationen zum Ausdruck „wenn Komma enthält“ in JavaScript

>>:  MySQL-Startfehlerproblem und Szenarioanalyse

Artikel empfehlen

Wann ist die Verwendung von dl, dt und dd sinnvoll?

dl: Definitionsliste Definitionsliste dt: Definiti...

Lernen Sie die MySQL-Zeichensatzeinstellungen in 5 Minuten kennen

Inhaltsverzeichnis 1. Inhaltsübersicht 2. Konzept...

So installieren Sie Docker mithilfe von Skripten unter Linux Centos

Was ist die Hauptfunktion von Docker? Derzeit gib...

Verhindern von SQL-Injection in Webprojekten

Inhaltsverzeichnis 1. Einführung in SQL-Injection...

Gängige Reparaturmethoden für die Trennung der MySQL Master-Slave-Replikation

Inhaltsverzeichnis 01 Problembeschreibung 02 Lösu...

Docker-Image erstellen Dockerfile und Commit-Operationen

Erstellen des Images Es gibt zwei Hauptmethoden z...

Detaillierte Erklärung des Loop-Formularelementbeispiels in Vue

Manchmal stoßen wir auf eine solche Anforderung, ...

Gründe für den plötzlichen Leistungsabfall bei MySQL

Manchmal kann es vorkommen, dass eine SQL-Anweisu...

So überwachen und löschen Sie abgelaufene Sitzungen in Tomcat

Vorwort Ich habe zufällig entdeckt, dass die halb...

Detaillierte Schritte zur Installation von Tomcat, MySQL und Redis mit Docker

Inhaltsverzeichnis Tomcat mit Docker installieren...

So implementieren Sie Seitensprünge in einem Vue-Projekt

Inhaltsverzeichnis 1. Erstellen Sie ein Vue-CLI-S...