Heim > Artikel > Web-Frontend > So entfernen Sie alle Ränder eines Textfelds in CSS
So entfernen Sie alle Ränder eines Textfelds in CSS
- WBOYOriginal
- 2021-12-01 15:44:014233Durchsuche
In CSS können Sie das Attribut „border“ verwenden, um alle Ränder des Textfelds zu entfernen. Die Funktion dieses Attributs besteht darin, den Rand des Elements festzulegen wird entfernt. Die Syntax lautet „Textelement { border:none;}“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So entfernen Sie alle Ränder des Textfelds in CSS
Wir können alle Ränder des Textfelds über das Randattribut entfernen. Die Funktion dieses Attributs besteht darin, den Rand des Elements festzulegen Der Attributwert ist „none“. Dadurch wird der Rand des Elements entfernt.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width:200px;
height:100px;
border:1px solid black;
overflow:hidden;
}
.wenben{
border:none;
}
</style>
</head>
<body>
<div class="wenben">文本框</div><br/>
<input type="text" value="文本框" class="wenben">
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo entfernen Sie alle Ränder eines Textfelds in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- So ändern Sie die Größe eines Kreises mit CSS
- So erzielen Sie einen Rotationseffekt gegen den Uhrzeigersinn bei Mauszeigerelementen in CSS
- So ändern Sie die Hintergrundfarbe eines Div mit CSS
- So legen Sie die Höhe der Textanzeige fest und verbergen den überschüssigen Teil in CSS
- So erhalten Sie ein Element mit einem ID-Wert in CSS und ändern seinen Stil