Heim >Web-Frontend >HTML-Tutorial >So entfernen Sie Eingaberänder in HTML

So entfernen Sie Eingaberänder in HTML

青灯夜游
青灯夜游Original
2021-10-11 12:16:5024842Durchsuche

So entfernen Sie den Eingaberahmen: 1. Verwenden Sie das style-Attribut, um den „border: 0;“-Stil festzulegen. 2. Verwenden Sie das style-Attribut, um den „border-style: none;“-Stil festzulegen Attribut zum Festlegen des „Rahmens: transparent;“

So entfernen Sie Eingaberänder in HTML

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Hier ist ein HTML-Dokument mit zwei Eingabefeldern

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <style type="text/css">
  input{
  background-color: #FFC0CB;
  }
  </style>
 </head>
 <body>
<input type="text" /><br />
<input type="text" />
 </body>
</html>

So entfernen Sie Eingaberänder in HTML

Sie können sehen, dass die Eingabe einen Rand hat. Was sollten Sie also tun, wenn Sie den Rand der Eingabe entfernen möchten? Nachfolgend werden mehrere Methoden vorgestellt.

Methode 1: Verwenden Sie das style-Attribut im Eingabeelement, um den border: 0;-Stil festzulegenborder: 0;样式

<input type="text" /><br />
<input type="text" style="border: 0;" />

So entfernen Sie Eingaberänder in HTML

方法2:在input元素中使用style属性设置border-style: none;样式

<input type="text" /><br />
<input type="text" style="border-style: none;" />

So entfernen Sie Eingaberänder in HTML

方法3:在input元素中使用style属性设置border: transparent;

<input type="text" /><br />
<input type="text" style="border: transparent;" />

So entfernen Sie Eingaberänder in HTML

So entfernen Sie Eingaberänder in HTMLMethode 2: Verwenden Sie das Style-Attribut im Eingabeelement, um den border-style: none festzulegen ; Stil

rrreee

So entfernen Sie Eingaberänder in HTMLMethode 3: Verwenden Sie das style-Attribut im Eingabeelement, um den border: transparent;-Stil festzulegen

rrreee🎜🎜🎜🎜Empfohlenes Tutorial: „🎜html-Video-Tutorial 🎜"🎜

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Eingaberänder in HTML. 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