css 适配ios Android中的input

CSS样式技巧总结
本文介绍了一些CSS样式的实用技巧,包括如何清除iOS和Android设备上输入框的默认样式,设置文本大小写转换,以及实现文本和预格式化文本的特殊布局效果。
input{
  -webkit-tap-highlight-color:transparent;/**ios下面input选中会出现短暂的阴影**/
  outline: none;/**清楚input在Android机上面点击会出现的高亮**/
  border: none;
  -webkit-appearance: none; 
  background-color: none;border-radius: 0;
}
text-transform: lowercase;//将文字转换成大写(uppercase) 小写(lowercase) 以大写字母开头(capitalize)

    

pre{/*数字、汉字的换行 white-space: pre-wrap;只能让汉字换行 数字不行*/ 换行
    white-space: pre-wrap;
    word-break: break-all;
}

  

转载于:https://www.cnblogs.com/pnz-bug/p/7929594.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值