css 设置英文字母大小写转换（text-transform）

最新推荐文章于 2022-10-11 16:45:00 发布

weixin_34144450

最新推荐文章于 2022-10-11 16:45:00 发布

阅读量5.2k

点赞数 3

css 设置英文字母大小写转换

CreateTime--2018年5月25日07点16分

Author:Marydon

1.实现：通过text-transform实现

2.text-transform语法：

　　text-transform : none | capitalize | uppercase | lowercase
　　　　　　取值：
　　　　　　none :　默认值。无转换发生
　　　　　　capitalize :　将每个单词的第一个字母转换成大写，其余无转换发生
　　　　　　uppercase :　转换成大写
　　　　　　lowercase :　转换成小写

3.举例

/*将输入的英文字母转全部换成大写字母*/
text-transform:uppercase;
<input type="text" name="mobile" style="text-transform:uppercase;" />
UpdateTime--2017年1月9日10:23:23
/*将输入的英文字母转全部换成小写字母*/
text-transform:lowercase;
<input type="text" style="text-transform:lowercase;"/>