如何将首字母大写？

Question

我希望名字大写。

  

输入：约翰

     

输出：约翰

我希望可以用HTML / CSS而不是代码来实现。

text::first-letter {
  font-weight: bold;
}

Answer 1

我不确定您的问题引号上的Input和Output是什么，但是您可以使用CSS property text-transform并将其设置为{ {1}}。但是，请注意，这只会将显示的文本设置为大写，并且您发送到服务器端的任何数据将保留在用户输入的原始情况下。

capitalize

这是一个演示：

text-transform: capitalize;

.md-input__input__container-text {
  text-transform: capitalize;
}

Answer 2

text-transform: capitalize;

小写字母：使所选文本中的所有字母都小写。

大写：将所选文本中的所有字母都大写。

大写：将所选文本中每个单词的首字母大写。

无：将文本的大小写和大小写与输入时完全相同。

inherit：为文本提供大小写并为其父级大写。