Wie kann verhindert werden, dass der Eingaberahmen auf einer HTML-Seite angezeigt wird?

Wenn wir die Formularregistrierungsseite auf der Website entwerfen, werden wir feststellen, dass eine blaue Randlinie erscheint, wenn der Mauszeiger in das Eingabefeld gesetzt wird, um einen Wert einzugeben. Auch wenn Sie den Eingabestil nicht festlegen, wird er vorhanden sein. Dies liegt daran, dass Eingabe-Tags in HTML standardmäßig über Rahmen- und Hintergrundfarbattribute verfügen. Wenn wir diese Randanzeige nicht benötigen, möchten wir den Eingaberahmen entfernen oder das Eingabefeld ausblenden. Wie sollen wir es bedienen?

Im Folgenden erhalten Sie eine detaillierte Einführung in die relevanten Kenntnisse zum Ändern des Eingaberahmens, dh zum Entfernen und Ausblenden des Rahmens.

1. Wenn das Eingabefeld nicht angeklickt wird, wird der Rand nicht angezeigt:

 border：none；

2. Wenn das Eingabefeld angeklickt wird und der Wert angezeigt wird bereit zur Eingabe, der Rand wird nicht angezeigt:

input{  
border:none;
  width：200px;  height:80px;
  box-radius:25%;
  outline:medium;
  text-align:center;
  }

Hinweis: Verwenden Sie im Stil „outline:medium“, wenn Sie auf das Eingabefeld klicken, wird keine Randlinie angezeigt.

Umriss (Umriss) ist eine Linie, die um ein Element herum gezeichnet wird und sich außerhalb des Randes des Rahmens befindet und das Element hervorheben kann. Konturen nehmen keinen Platz ein und sind nicht unbedingt rechteckig.

outline shorthand property legt alle Outline-Eigenschaften in einer Deklaration fest.

Dann gibt dieser Artikel eine detaillierte Einführung zum Entfernen des Eingaberahmens. Ich hoffe, dass er Freunden in Not hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass der Eingaberahmen auf einer HTML-Seite angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!