Heim >Web-Frontend >CSS-Tutorial >So entfernen Sie Rahmen aus der CSS-Eingabe

So entfernen Sie Rahmen aus der CSS-Eingabe

青灯夜游
青灯夜游Original
2021-04-29 17:17:5011554Durchsuche

So entfernen Sie den Eingaberahmen in CSS: 1. Verwenden Sie die Anweisung „border:none;“, um einen randlosen Stil zu definieren, um ihn zu entfernen. 2. Verwenden Sie die Anweisung „border:0;“, um die Rahmenbreite auf 0 zu setzen 3. Mit der Anweisung „border: transparent;“ wird der transparente Rand festgelegt, der entfernt werden soll.

So entfernen Sie Rahmen aus der CSS-Eingabe

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

Methode 1: Verwenden Sie das Attribut „border:none;

border“, um alle Randattribute festzulegen. Wenn der Wert „none“ ist, bedeutet dies, dass das Randattribut für das Beschriftungselement nicht festgelegt oder das Randattribut gelöscht und ein randloser Stil definiert wird .

<!DOCTYPE html>
<html> 
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			input{
				background-color: papayawhip;
			}
			#qd{
				border:none;
			}
		</style>
	</head>
	<body>
		<input type="text" value="测试输入框"/><br /><br />
		<input id="qd" type="text" value="测试输入框"/>
	</body>

</html>

Rendering:

So entfernen Sie Rahmen aus der CSS-Eingabe

Methode 1: Verwenden Sie border:0;

, um

#qd{
	border:0;
}

zu entfernen, indem Sie die Breite des Rahmens auf 0 setzen; Rendern:

So entfernen Sie Rahmen aus der CSS-Eingabe

Methode 3: Verwenden Sie border:transparent;

, um

#qd{
	border:transparent;
}
zu entfernen, indem Sie den Rahmenstil auf transparente Farbe setzen

Rendering:

So entfernen Sie Rahmen aus der CSS-Eingabe

(Lernvideo-Sharing: css-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Rahmen aus der CSS-Eingabe. 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