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

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

高洛峰
高洛峰Original
2017-03-06 17:22:121957Durchsuche

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>


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;}


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!

Stellungnahme:
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