Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie den Eingaberahmen in CSS

So entfernen Sie den Eingaberahmen in CSS

藏色散人
藏色散人Original
2021-04-02 13:52:324223Durchsuche

So entfernen Sie den Eingaberahmen in CSS: 1. Entfernen Sie den Eingaberahmen, indem Sie „style="outline:none;"“ direkt zur Eingabe hinzufügen. 2. Steuern Sie den CSS-Stil direkt im oberen Stil auf „input{outline :none;" }" reicht aus.

So entfernen Sie den Eingaberahmen in CSS

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, DELL G3-Computer

Die spezifischen Schritte zum Entfernen des Eingaberahmens sind wie folgt:

1. Geben Sie den relevanten Code der Eingabe ein HTML-Seite.

<div class="form"><input id="code" class="ipx code" name="code" placeholder="请点击按钮领取礼包" type="text"><input type="button" class="send" value="发送"></div>。

So entfernen Sie den Eingaberahmen in CSS

2. Öffnen Sie den Browser und ein blauer Rand erscheint, wenn Sie auf die Eingabe klicken.

So entfernen Sie den Eingaberahmen in CSS

3. Fügen Sie style="outline:none;" direkt zur Eingabe hinzu.

So entfernen Sie den Eingaberahmen in CSS

4. Steuern Sie den CSS-Stil direkt im oberen Stil: .

So entfernen Sie den Eingaberahmen in CSS

5. Verwenden Sie direkt input:focus { outline: none }, um den Fokus zu steuern und den blauen Rand zu entfernen.

So entfernen Sie den Eingaberahmen in CSS

Empfohlenes Lernen: „CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Eingaberahmen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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