Style de saisie de texte CSS CSS

Question

J'ai un champ de saisie de texte contenant un exemple de texte dans une police en gris clair que j'efface lorsque l'utilisateur clique pour taper le champ. Quand cela arrive, je voudrais aussi changer la couleur de la police en noir afin qu'il soit plus facile pour l'utilisateur de lire ce qu'il tape. Voici ce que j'utilise jusqu'à présent:

<input type="text" name="q" value="Enter keywords" onfocus="if(this.value == 'Enter keywords') {this.value = '';}" style="width:630px;font-size:14px;color:#ADADAD;border:1px solid #ADADAD;}"> 

Est-ce possible en utilisant CSS et si oui, comment puis-je mettre à jour mon champ de texte pour ce faire. Merci d'avance pour votre aide!

Answer 1

essayer

<input type="text" name="q" value="Enter keywords" onfocus="if(this.value == 'Enter keywords') {this.value = ''; this.style.color = 'black';}" style="width:630px;font-size:14px;color:#ADADAD;border:1px solid #ADADAD;}"> 

Answer 2

solution est plus simple:

<input type="text" name="q" value="Enter keywords" onfocus="if(this.value == 'Enter keywords') {this.value = '';this.style.color = '#000000';} else {this.style.color = '#000000';}" style="width:630px;font-size:14px;color:#ADADAD;border:1px solid #ADADAD;}"> 

Mais si vous êtes intéressé par jQuery ... alors vous pouvez faire de la magie.

Answer 3

Dans le site du gestionnaire de mise au point, essayez this.style.color = "# 000000";