是否可以使用CSS取消大写文本，然后重新利用它？

Question

我有一段文字来自外部来源，即全部大写。我希望它只是在第一个字母大写。似乎text-transform:capitalize不会使其余部分失去资本。没有JS的任何方法吗？

Answer 1

这样的东西？ http://jsbin.com/agocu3/2

<强> CSS

   p { text-transform: lowercase;}
   p:first-letter {text-transform:capitalize}

<强> HTML

<p>YOUR TEXT GOES HERE</p>

Answer 2

您可以将文本设置为小写，然后使用伪选择器：首字母大写第一个字母

p {
    text-transform: lowercase;
}

p:first-letter {
    text-transform: uppercase;
}

Answer 3

不要使用CSS只需使用它：

http://www.convertcase.net/

从浏览器中删除了更多更清晰和大量处理。

Answer 4

如果您使用的是服务器端语言：

使用服务器端语言对要大写的文本执行小写，然后对该元素使用css属性进行大写。

这就是我的工作方式：

服务器端语言：VB.net 转发器内部 - 来自数据库的数据

<span class="capitalize"><%# Eval("RecipientFirstName").ToString.ToLower()%></span>

转换为小写

<强> CSS

.capitalize{
    text-transform: capitalize;
}