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

时间:2014-03-14 20:23:11

标签: html css input placeholder capitalize

我有以下简单的输入。

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

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

如何保持占位符不变?

1 个答案:

答案 0 :(得分:39)

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

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

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

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

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