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