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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
