text-transform：capitalize;也会影响占位符

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