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

我有以下简单的输入.

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

当我使用text-transform：capitalize;为了大写每个单词的第一个字母,占位符也被大写：你的用户名是什么？

如何保持占位符的完整性？

解决方法

你可以为占位符设计风格 –

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

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

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

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