前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >移动端开发-iPhone、iPad的默认按钮样式等开发经验

移动端开发-iPhone、iPad的默认按钮样式等开发经验

作者头像
HTML5学堂
发布2018-03-12 15:44:08
8780
发布2018-03-12 15:44:08
举报
文章被收录于专栏:HTML5学堂

HTML5学堂:从JS的逻辑层来说,移动端远远不如PC平台,但是“恐怖的”兼容问题是移动端最为头疼的地方。本文介绍iPad与iPhone的默认按钮样式的处理方法。关于兼容问题,我们很建议大家在开发的过程中记录下来,并定期整理总结。移动端很新,兼容问题也有很多是未知的,只有长期不断的积累才能够有所成长。

iPhone、iPad的按钮存在默认样式,如何去除默认样式呢?

代码语言:javascript
复制
input[type="button"], input[type="submit"], input[type="reset"] {
   -webkit-appearance: none;
}
textarea { -webkit-appearance: none;}

在IE10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉

代码语言:javascript
复制
input::-ms-clear {
   display: none;
}

去除浏览器文本框默认高光样式:

代码语言:javascript
复制
input:focus{
   -webkit-tap-highlight-color:rgba(0,0,0,0);
   -webkit-user-modify:read-write-plaintext-only;
}

注意:第一句是安卓4.0版本以下去除高光的方式,第二句代码是安卓4.0以上版本去除高光的方式。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2015-12-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 懂点君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档