Forum d'entraide PHPFrance

Bonjour,
Je voudrais savoir si il est possible d'avoir deux couleurs différentes pour le texte d'un input type="text", a savoir une couleur pour le texte par défaut, et une pour le texte saisi.

Je m'explique : Actuellement j ai le code suivant :

Dans mon CSS:

Code : Tout sélectionner

input{
color:#999999;
}
}

Dans ma page :

Code : Tout sélectionner

<input id="mot_cle" type="text" name="mot_cle" value='Recherche web...'/>

Ainsi le texte par défaut, "Recherche web" apparait dans la couleur grisée du CSS. Ce que je voudrais c'est que le texte que je rentre soit noir, est il possible de définir un attribut dans le CSS pour les textes "par défaut" ou alors dois je le faire en javascript ?

<input id="mot_cle" type="text" name="mot_cle" value="Recherche web..." onfocus="this.className='focus';" onblur="this.className='normal';"/>

tu rajoute onfocus et onblur...

onfocus c'est quand l'input est utilisé et l'autre c'est quand ça l'est plus !

ensuite il manque plus qu'a modifier ton CSS en ajoutant :

#mot_cle .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #aaaaaa; /* fond gris */
	color: black;
}
#mot_cle .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: #999999;
}

voila en esperant t'avoir aidé

ok merci, oui cela m aide

J aurai préféré éviter le javascript mais je crois effectivement que je n'ai pas le choix. Merci

Je pense que tu peux essayer ça aussi, en CSS pur:

Code : Tout sélectionner

input
{
   color: #999999;
}

input:focus
{
   color: #000000;
}

À tester, sans garantie.

Forum d'entraide PHPFrance

Couleur du texte par défaut d'un input text

Couleur du texte par défaut d'un input text