占位符资本化

Question

我希望所有占位符文本都大写。所以我创建了一个CSS样式：

input[placeholder] { 
    text-transform: capitalize;
}

然而，他们仍处于小写状态。为什么？目前我在Chrome中，但我希望它适用于所有主流浏览器。

P.S。它使我输入的文本大写。但我希望它能占用占位符。

Answer 1

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

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

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

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

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

Answer 2

试试这个

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