如何去除苹果手机(ios)的input默认样式与input禁止键盘出现的方式

苹果手机input标签有默认的样式,如果不做处理,苹果默认样式将覆盖掉你自己写的样式。因此,如果安卓手机与苹果手机,同用一套代码,则ios系统要专门为input标签做一个去除默认样式的兼容,其做法如下:

//给input标签添加样式即可解决

input{-webkit-appearance: none;}

如果input标签,type=text,需要键盘不出现的时候,苹果手机经常会出现无法禁止,或者键盘不完全出现,但是也不能完全禁止的情况下,可以尝试,在HTML中的input标签内部添加属性,如下:

//比较好用的一种写法

<input type="text"  readonly="readonly" onfocus='this.blur();>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,693评论 3 67
  • 那天,天气晴朗。我在爸爸妈妈的陪伴下,和小伙伴们一起去了龙日坝大草原。 我们一起来到了达吉叔叔家里,...
    简书973阅读 3,907评论 0 0
  • 想把你装满把你的心装满装满美味的葡萄草莓醇厚的牛排红酒再来点烂熟的土豆用一支bossa nova缝紧切口用一首聂鲁...
    草垛阅读 3,649评论 1 4