div kann zur Eingabe von Inhalten verwendet werden, ohne die Eingabe als Eingabefeld zu verwenden. Detaillierte Erläuterung der automatischen Eingabestil-Abschirmung

高洛峰
Freigeben: 2017-03-06 17:22:12
Original
1925 Leute haben es durchsucht

Wenn Sie auf „Eingabe“ klicken, stimmt der vom Browser automatisch hinzugefügte Stil nicht mit dem Gesamtstil der Website überein, was sich auf die Konsistenz des Gesamtdesigns auswirkt. Es ist auch möglich, die Eingabe als Eingabefeld zu verwenden gutes Beispiel unten. Sie können darauf verweisen. Heute habe ich einen dynamischen Fensterstil entworfen und festgestellt, dass der vom Browser automatisch hinzugefügte Stil sehr unvereinbar mit dem Gesamtstil der Website ist, wenn die Maus auf die Eingabe klickt. Obwohl die intelligente Funktion des Browsers manchmal sehr fortschrittlich ist wirkt sich unweigerlich auf die Konsistenz des Gesamtdesigns aus.

Dann habe ich darüber nachgedacht, die Eingabe nicht als Eingabefeld zu verwenden, und habe sie durch

Der Code lautet wie folgt:

<p class="content" contenteditable="true"></p>
Nach dem Login kopieren


I Ich dachte, es könnte das Surfen vermeiden. Ich hatte nicht erwartet, dass der Browser zu intelligent war, und der Effekt war genau derselbe. Später stellte ich fest, dass meine CSS-Reserve nicht ausreichte (unter Selbstprüfung)

Es gibt ein solches Attribut in CSS

Der Code lautet wie folgt:

.content{outline:none;}
Nach dem Login kopieren


Und das ist CSS3 und sein Bruder hatte es bereits, und ich tatsächlich...
div kann zur Eingabe von Inhalten verwendet werden, ohne die Eingabe als Eingabefeld zu verwenden. Detaillierte Erläuterung der automatischen Eingabestil-Abschirmung

Mehr Divs können zur Eingabe von Inhalten verwendet werden, ohne die Eingabe als Eingabefeld zu verwenden, um den automatischen Eingabestil zu blockieren Artikel, achten Sie bitte auf die chinesische PHP-Website!

Verwandte Etiketten:
div
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!