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

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