css - 将所有大写字母转换为初始大写字母

Question

我想知道是否有任何方法仅使用 CSS(并且这可以是特定于浏览器的 CSS)将所有大写文本转换为仅最初大写的单词，例如:

我用我的键盘大喊

将转换为:

我用键盘大喊

编辑:我意识到我的问题不够清楚，输入的文本是大写的，而不是最初的小写，text-transform: capitalize 不适用于看起来像这样输入的数据。

Answer 1

对于文本转换，您可以使用 CSS 做一些事情，这里是所有这些事情。

.Capitalize
{ text-transform: capitalize }

.Uppercase
{ text-transform: uppercase }

.Lowercase
{ text-transform: lowercase }

.Nothing
{ text-transform: none }

不幸的是，没有驼峰式文本转换。

您始终可以使用 Javascript 适本地转换文本，或者如果您使用的是 PHP 或 ASP 等脚本语言，则可以在其中进行更改。

这是从 strtoupper PHP 文档页面获取的示例:

function strtocamel($str, $capitalizeFirst = true, $allowed = 'A-Za-z0-9') {
    return preg_replace(
        array(
            '/([A-Z][a-z])/e', // all occurances of caps followed by lowers
            '/([a-zA-Z])([a-zA-Z]*)/e', // all occurances of words w/ first char captured separately
            '/[^'.$allowed.']+/e', // all non allowed chars (non alpha numerics, by default)
            '/^([a-zA-Z])/e' // first alpha char
        ),
        array(
            '" ".$1', // add spaces
            'strtoupper("$1").strtolower("$2")', // capitalize first, lower the rest
            '', // delete undesired chars
            'strto'.($capitalizeFirst ? 'upper' : 'lower').'("$1")' // force first char to upper or lower
        ),
        $str
    );
}