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