Heim > Artikel > Web-Frontend > So entfernen Sie Rahmen aus der Eingabe
So entfernen Sie Rahmen aus der Eingabe
- 醉折花枝作酒筹Original
- 2021-04-21 15:21:2010775Durchsuche
In CSS können Sie das Attribut „border“ verwenden, um den Rahmen zu entfernen. Sie müssen lediglich den Stil „border:none“ für das Eingabeelement festlegen. Das Randattribut legt alle Randattribute fest. Wenn der Wert „Keine“ ist, bedeutet dies, dass das Randattribut für das Beschriftungselement nicht festgelegt ist oder das Randattribut gelöscht wird und ein randloser Stil definiert wird.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html. Verwenden Sie das Eingabe-Tag, um ein Texteingabefeld zu erstellen. Fügen Sie dem Eingabeelement ein Klassenattribut myttpp hinzu, um seinen CSS-Stil über diese Klasse festzulegen. Schreiben Sie das Tag und der CSS-Stil der Seite wird in das Tag geschrieben.
<body>
<input type="text" name="" class="myttpp">
</body>Legen Sie im CSS-Tag den Eingabestil über die Klasse (myttpp) fest und definieren Sie das Randattribut als „none“, um eine Randentfernung zu erreichen. Um den Effekt anzuzeigen, stellen Sie zusätzlich die Hintergrundfarbe auf Grau ein.
<style>
.myttpp{
border: none;
background: #ccc;
}
</style>Öffnen Sie die Datei test.html im Browser, um den Effekt zu sehen.
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo entfernen Sie Rahmen aus der Eingabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!