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

 

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;"/>

相关推荐：

• CSS知识点集锦