¿Cómo oculto automáticamente el texto del marcador de posición al enfocar usando css o jquery?

Resuelto LondonGuy asked hace 12 años • 28 respuestas

Esto se hace automáticamente para todos los navegadores excepto Chrome.

Supongo que tengo que apuntar específicamente a Chrome.

¿Alguna solución?

Si no es con CSS, ¿entonces con jQuery?

Mar 15 '12 00:03 LondonGuy

Aceptado

Editar: todos los navegadores son compatibles ahora

input:focus::placeholder {
  color: transparent;
}

<input type="text" placeholder="Type something here!">

Expandir fragmento

Firefox 15 e IE 10+ también lo admiten ahora. Para ampliar la solución CSS de Casey Chu :

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

Sep 03 '2012 14:09 Rob Fletcher

<input 
type="text" 
placeholder="enter your text" 
onfocus="this.placeholder = ''"
onblur="this.placeholder = 'enter your text'" />

Mar 14 '2012 17:03 MatuDuke