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