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!
Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird?
WeChat-Momente können nicht aktualisiert werden
So erstellen Sie eine Datenbank in MySQL
Es gibt verschiedene Arten von Browserkerneln
So ermitteln Sie die Länge eines Arrays in der Sprache C
Was nützt Bitlocker?
MySQL ändert die Speicher-Engine-Methode einer Tabelle
Die drahtlose Netzwerkkarte kann keine Verbindung herstellen
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
