oujood.com

Comment manipuler le curseur de saisie dans une page Web à l'aide de CSS ? :la propriété caret-color

La propriété caret-color spécifie la couleur du curseur (caret) dans les entrées des zones de texte, ou tout autre élément dont la modification des données est possible.

chercher |

Définition et utilisation da la propriété css caret-color

Le curseur d'insertion ou curseur de saisie de texte désigne généralement une ligne verticale fine et clignotante. Il fonctionne dans un champ de saisie pour indiquer où le prochain caractère saisi sera inséré.

Si vous souhaitez masquer ce curseur de saisie dans les champs de saisie de votre page Web, vous pouvez utiliser la propriété caret-color de CSS. Elle possède trois valeurs de propriété, dont auto, color et transparent.

La Syntaxe CSS
 caret-color: auto|color|initial|inherit; 
Valeurs par défautauto
Inherited: oui
Animable : non En savoir plus sur l'animable
Version: CSS3
Syntaxe JavaScript: object.style.caretColor="red"

Prise en charge de la propriété css dans les navigateurs

Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.

Les numéros suivis de -webkit-, -moz-, ou -o- indiquent la première version qui fonctionne avec un préfixe.

ExplorateurGoogle ChromeInternet ExplorerFirefoxSafariOpera
Verssion57795311.144

Exemple       Copier le code

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>La propriété css caret-color </title>
     <style>
.exemple1 {
  caret-color: red;
}
p.exemple1{width:200px;}
.exemple2 {
  : transparent;
}
</style>
</head>
<body>

<h1>La propriété css caret-color </h1>

<input value="Couleur par défaut du curseur"><br><br>

<input class="exemple1" value="Couleur de curseur personnalisée"><br><br>

<input class="exemple2" value="Couleur du curseur transparent">

<p contenteditable class="exemple1">Ce paragraphe aussi peut être édité, cliquez dessus pour le faire. Son curseur a également une couleur personnalisée.</p>

</body>
</html>

Valeurs de la propriété caret-color

auto Par défaut. Les navigateurs utilisent la couleur actuelle (currentColor) pour le curseur.
color Spécifie une couleur à utiliser pour le curseur. Toutes les valeurs de couleur légales peuvent être utilisées (rgb, hex, named-color, etc.). Pour plus d'informations sur les valeurs légales, lisez notre tutoriel sur les couleurs CSS.
initialDéfinit cette propriété à sa valeur par défaut.
inheritHérite de cette propriété de son élément parent.

La méthode secrète likes sans fin sur Facebook

Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.

GAGNER DE L'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe
Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci




Hébergeur Discount - Hébergement web