So entfernen Sie das Fokusfeld in CSS

Die Möglichkeit, das Fokusfeld in CSS zu entfernen, besteht darin, den Stil [input{outline:none}] zum Eingabefeld hinzuzufügen. Zu diesem Zeitpunkt hat der äußere Rahmen keinen Fokus, selbst wenn wir Inhalte in das Eingabefeld eingeben.

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Eingabe ist ein sehr wichtiges Element in HTML. Es kann Benutzereingaben bereitstellen. Bei der Eingabe müssen wir gezielte Stile hinzufügen. Aber wenn der Fokus vorhanden ist, erscheint ein Rand. Was sollen wir also tun, wenn wir den Rand entfernen möchten? Werfen wir einen Blick auf die spezifischen Methoden unten.

Erstellen Sie zunächst ein neues HTML- und CSS-Dokument.

Erstellen Sie einen Eingabefeldinhalt. Verwenden Sie hier den Text in der Eingabe.

Wir bewegen nun die Maus in das Eingabefeld. Zu diesem Zeitpunkt können wir sehen, dass der Rand den Fokus hat.

input {
    outline: none;
}

Zu diesem Zeitpunkt fügen wir den oben genannten Stil zu CSS hinzu und entfernen den Randfokus.

Selbst wenn wir nun Inhalte eingeben, hat der äußere Rahmen keinen Fokus.

Selbst wenn wir einen Rand hinzufügen, wird dies keine Auswirkungen haben.

Verwandte Videofreigabe: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie das Fokusfeld in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!