Text-transform: капитализировать; Также влияет на Placeholder

У меня есть следующий простой ввод.

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

Когда я использую text-transform: capitalize; для заглавной буквы первой буквы каждого слова, заполнитель также получает заглавные буквы: What Is Your Username?

Как сохранить целостность объекта?

Ответы

Ответ 1

Вы можете создать заполнитель -

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

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

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

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