文本转换：大写；也影响占位符

我有以下简单的输入。

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

当我使用text-transform: capitalize;为了将每个单词的第一个字母大写，占位符也会大写：What Is Your Username?

如何保持占位符完好无损？

您可以设置占位符的样式--

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

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

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

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