text-transform：大文字;プレースホルダーにも影響します

Question

次の簡単な入力があります。

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

text-transform: capitalize;を使用して各単語の最初の文字を大文字にすると、プレースホルダーも大文字になります：What Is Your Username?

プレースホルダーをそのまま維持するにはどうすればよいですか？

Answer 1

プレースホルダーのスタイルを設定できます-

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

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

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

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