码迷,mamicode.com
首页 > Web开发 > 详细

css 设置英文字母大小写转换(text-transform)

时间:2018-05-25 11:03:43      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:href   实现   uppercase   默认值   html   transform   cas   cap   inpu   

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 设置英文字母大小写转换(text-transform)

标签:href   实现   uppercase   默认值   html   transform   cas   cap   inpu   

原文地址:https://www.cnblogs.com/Marydon20170307/p/9086237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!