Maison > Article > interface Web > Comment supprimer le curseur d'entrée en CSS3

Comment supprimer le curseur d'entrée en CSS3

青灯夜游original: 2021-12-15 11:48:154348parcourir

Méthode de suppression : 1. Ajoutez le style "color:transparent;text-shadow: 0px 0px 0px #333;" à l'élément d'entrée. 2. Ajoutez le style "caret-color:transparent;" à l'élément d'entrée.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

css3 supprimer le curseur de saisie

Méthode 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>

Comment supprimer le curseur dentrée en CSS3

Méthode 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>

Comment supprimer le curseur dentrée en CSS3

(Vidéo d'apprentissage Partager : Tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 css css3 input

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelles sont les syntaxes pour définir les dégradés en CSS3Article suivant：Quelles sont les syntaxes pour définir les dégradés en CSS3

Articles Liés

Voir plus