css – 将所有大写字母转换为init大写字母

前端之家收集整理的这篇文章主要介绍了css – 将所有大写字母转换为init大写字母前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有任何方式只使用CSS,(这可能是浏览器特定的CSS)将所有大写文本转换为最初仅大写的单词,例如:

我和我的键盘一起玩

将被转换为:

我用我的键盘大喊大叫

编辑:我意识到我在我的问题中不够清楚,文本输入大写,而不是最初的小写,文本转换:大写不适用于像这样输入的数据.

解决方法

使用CSS进行文本转换可以做一些事情,这就是所有这些.
.Capitalize
{ text-transform: capitalize }

.Uppercase
{ text-transform: uppercase }

.Lowercase
{ text-transform: lowercase }

.Nothing
{ text-transform: none }

不幸的是,没有Camel Case文本转换.

您可以始终使用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
    );
}
原文链接:https://www.f2er.com/css/242271.html

猜你在找的CSS相关文章