El campo de entrada de texto CSS Styling

Question

Tengo un campo de entrada de texto que tiene un texto de muestra en una fuente de color gris claro que estoy limpiando cuando el usuario hace clic a escribir en el campo. Cuando eso sucede me gustaría cambiar también el color de fuente de negro por lo que es más fácil para el usuario a leer lo que está escribiendo. Aquí es lo que estoy usando hasta ahora:

<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;}">

¿Es posible el uso de CSS y si es así cómo puedo actualizar el campo de texto para lograr esto. Gracias de antemano por su ayuda!

Answer 1

try

<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

solución más simple es:

<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;}">

Sin embargo, si usted está interesado en jQuery y luego ... se puede hacer magia.

Answer 3

En el sitio del controlador de enfoque, intente this.style.color = "# 000000";