html - editar - placeholder css

texto-transformar: capitalizar; También afecta al marcador de posición

Question

Tengo la siguiente entrada simple.

<input type="text" placeholder="What is your username?" />

Cuando uso text-transform: capitalize; para poner en mayúscula la primera letra de cada palabra, el marcador de posición también se escribe en mayúscula: What Is Your Username?

¿Cómo puedo mantener intacto el marcador de posición?

Answer 1

Podrías estilizar el marcador de posición--

::-webkit-input-placeholder {
   text-transform: initial;
}

:-moz-placeholder { 
   text-transform: initial;
}

::-moz-placeholder {  
   text-transform: initial;
}

:-ms-input-placeholder { 
   text-transform: initial;
}