suchen

Heim >Web-Frontend >CSS-Tutorial >So entfernen Sie den Eingabecursor in CSS3

So entfernen Sie den Eingabecursor in CSS3

青灯夜游
青灯夜游Original
2021-12-15 11:48:154411Durchsuche

Entfernungsmethode: 1. Fügen Sie dem Eingabeelement den Stil „color:transparent;text-shadow: 0px 0px 0px #333;“ hinzu. 2. Fügen Sie dem Eingabeelement den Stil „caret-color:transparent;“ hinzu.

So entfernen Sie den Eingabecursor in CSS3

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

css3 Eingabecursor entfernen

Methode 1: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" value="默认文本"/><br>
		<input type="text" value="去掉光标的默认文本" style="color:transparent;text-shadow: 0px 0px 0px #333;" />

	</body>
</html>

So entfernen Sie den Eingabecursor in CSS3

Methode 2: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" value="默认文本"/><br>
		<input type="text" value="去掉光标的默认文本" style="caret-color:transparent;" />

	</body>
</html>

So entfernen Sie den Eingabecursor in CSS3

(Lernvideo teilen: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Eingabecursor in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 input
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
Vorheriger Artikel：Was sind die Syntaxen zum Definieren von Farbverläufen in CSS3?Nächster Artikel：Was sind die Syntaxen zum Definieren von Farbverläufen in CSS3?

In Verbindung stehende Artikel

Mehr sehen