Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So entfernen Sie Rahmen aus der CSS-Eingabe

青灯夜游
Freigeben: 2023-01-05 16:13:04
Original
11524 Leute haben es durchsucht

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>
Nach dem Login kopieren

Rendering:

So entfernen Sie Rahmen aus der CSS-Eingabe

Methode 1: Verwenden Sie border:0;

, um

#qd{
	border:0;
}
Nach dem Login kopieren

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;
}
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage