Detaillierte Einführung in den dem Formular zugewiesenen Standardstil

Wenn wir ein Formular schreiben, werden wir feststellen, dass einige Browser dem Formular Standardstile zuweisen. Im Chrome-Browser haben Textfelder und Dropdown-Auswahlfelder beispielsweise leuchtende Ränder, wenn sie den Fokus laden, und in Firefox Und unter Google Chrome kann der mehrzeilige Textbereich frei verschoben und vergrößert werden. Außerdem erscheint unter IE10 bei der Eingabe von Inhalten in das Textfeld ein kleines Kreuz auf der rechten Seite des Textfelds usw An. Es besteht kein Zweifel, dass diese Effekte das Benutzererlebnis verbessert haben, aber manchmal benötigen wir diese Standardstile nicht. Was sollen wir also tun? Schauen wir uns die Lösungen separat an. 1. Entfernen Sie den standardmäßig beleuchteten Rand von Textfeldern in Chrome und anderen Browsern input:focus, textarea:focus { Umriss: keine; } Entfernen Sie den Hervorhebungsstil: input:focus{ -webkit-tap-highlight-col

1. So verwenden Sie CSS, um den vom Browser dem Formular zugewiesenen Standardstil zu entfernen

Einführung: Wenn wir ein Formular schreiben, werden wir feststellen, dass einige Browser dem Formular Standardstile zugewiesen haben. Im Chrome-Browser ist dies beispielsweise der Fall Wenn das Feld und das Dropdown-Auswahlfeld geladen sind, wird ein leuchtender Rahmen angezeigt.

[Verwandte Fragen und Antworten]:

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den dem Formular zugewiesenen Standardstil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!