这几天在测试的时候，忽然发现手机ios 页面中的input 样式出现问题，安卓就没事。

实际应该是第一张图，在ios中出现的结果为第二张图

  

出现这个原因，主要是ios系统自带的设置，解决方法为

input {-webkit-appearance:none; /*去除input默认样式*/}

是不是很简单，另外搜集了一些其他的去除各浏览器默认设置的页面

http://blog.sina.com.cn/s/blog_7d796c0d0102uyd2.html

http://www.tuicool.com/articles/RZB7ru6

												


											
ios h5 出现的问题的更多相关文章
	

    
						
  1. ios h5 app avalon tap点击事件失效及点击延迟300ms问题解决方法
		
    1.ios h5 app avalon tap事件失效 使用MUI制作app界面,使用avalon.js渲染数据,发现在(Android上正常)ios上运行时容器div的avalon的ms-on-ta ...
    
		
    2. 
						
  2. iOS H5容器的一些探究（二）：iOS 下的黑魔法 NSURLProtocol
		
    来源:景铭巴巴 链接:http://www.jianshu.com/p/03ddcfe5ebd7 iOS H5 容器的一些探究(一):UIWebView 和 WKWebView 的比较和选择 一.前言 ...
    
		
    3. 
						
  3. iOS H5 容器的一些探究（一）：UIWebView 和 WKWebView 的比较和选择
		
    来源:景铭巴巴 链接:http://www.jianshu.com/p/84a6b1ac974a 一.Native开发中为什么需要H5容器 Native开发原生应用是手机操作系统厂商(目前主要是苹果的 ...
    
		
    4. 
						
  4. iOS H5容器的一些探究（一）：UIWebView和WKWebView的比较和选择
		
    一.Native开发中为什么需要H5容器 Native开发原生应用是手机操作系统厂商(目前主要是苹果的iOS和google的Android)对外界提供的标准化的开发模式,他们对于native开发提供了 ...
    
		
    5. 
						
  5. ios&h5混合开发项目仿app页面跳转优化
		
    前言:本人原本是ios开发工程师,但由于现今H5的兴起,行内刮起了一阵混合开发的风气,趁着这股劲,我也学了前端开发,不说研究的多深,但也能胜任日常的开发工作.长话短说,现今的混合开发应该还处于摸索阶段 ...
    
		
    6. 
						
  6. IOS+H5页面自定义按钮无效
		
    在IOS整合H5页面的时候,自定义的按钮失去效果,Android系统可以. 如图,确定和取消按钮在IOS系统无效. 解决办法是在两个按钮上加上一个style属性即可 <span class=&q ...
    
		
    7. 
						
  7. 客户端相关知识学习（十二）之iOS H5交互Webview实现localStorage数据存储
		
    前言 最近有一个需求是和在app中前端本地存储相关的,所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用,那是因为默认WebVie ...
    
		
    8. 
						
  8. iOS H5页面打开APP技术总结
		
    iOS端H5页面打开APP的方式目前主要有两种:URL Scheme和Universal Links.其中Universal Links是iOS9.0以后推出的一种新的方案,由于它需要在iOS9.0以 ...
    
		
    9. 
						
  9. inobounce.js : 禁止IOS H5的滑动回弹
		
    IOS的移动端/H5/webapp 页面如果滚动到底部或者在页面顶部再往上拉,都会出现一个回弹的效果. 想取消这个效果可以引入一个简单的库就行,不用再写繁琐的样式. github地址 直接引入就行 & ...
    
		
    10. 
						
  10. 【土旦】vue 解决ios H5底部输入框 获取焦点时弹出虚拟键盘挡住输入框 以及监听键盘收起事件
		
    问题描述 im聊天H5页面,在iOS系统下,inpu获取焦点弹出系统虚拟键盘时,会出现挡住input的情况,十分影响用户体验. bug图 解决方法: html: <input type=&quo ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 2019-7-1-Roslyn-让编译时候-Message-内容默认输出
			
    title author date CreateTime categories Roslyn 让编译时候 Message 内容默认输出 lindexi 2019-07-01 14:16:59 +080 ...
    
			
    2. 
						
  2. ADS 下 flash 烧写程序原理及结构
			
    本原理:在 windows 环境下借助 ADS 仿真器将在 SDRAM 中的一段存储区域中的数据写到 Nand flash 存 储空间中.烧写程序在纵向上分三层完成: 第一层: 主烧写函数(完成将在  ...
    
			
    3. 
						
  3. BZOJ1096 [ZJOI2007]仓库建设——斜率优化
			
    方程: $\Large f(i)=min(f(j)+\sum\limits_{k=j+1}^{i}(x_i-x_k)*p_k)+c_i$ 显然这样的方程复杂度为$O(n^3)$极限爆炸,所以我们要换一 ...
    
			
    4. 
						
  4. 【颓废篇】人生苦短， 我用python（二）
			
    当时产生学习python的欲望便是在看dalao们写脚本的时候… 虽然dalao们好像用的是js来着.. 不过现在好像很多爬虫也可以用python写啊… 所以学python没什么不妥. 而且csdn整 ...
    
			
    5. 
						
  5. 那些使用VSCode写Python踩过的坑(Anaconda配置)
			
    1. 如何在vscode上配置的配置方法请务必一定要直接参考官方文档Getting Started with Python in VS Code,不要去看什么杂七杂八的blog,要么过时要么不准确要么 ...
    
			
    6. 
						
  6. 大文件传输   分片上传 上传id  分片号 授权给第三方上传
			
    https://www.zhihu.com/question/39593108 作者:ZeroOne链接:https://www.zhihu.com/question/39593108/answer/ ...
    
			
    7. 
						
  7. spss-数据抽取-拆分与合并
			
    spss-数据抽取-拆分与合并 数据抽取也成为数据拆分,是指保留.抽取原数据表中某些字段.记录的部分信息,形成一个新字段.新纪录.分为:字段拆分和随机抽样两种方法. 一:字段拆分 如何提取" ...
    
			
    8. 
						
  8. 设定计算属性setter
			
    <!DOCTYPE html> <html lang="zh"> <head> <title></title> < ...
    
			
    9. 
						
  9. 转：Wireshark基本介绍和学习TCP三次握手
			
    源地址:http://www.cnblogs.com/TankXiao/archive/2012/10/10/2711777.html 之前写过一篇博客:用 Fiddler 来调试HTTP,HTTPS ...
    
			
    10. 
						
  10. 实用的 JavaScript 调试小技巧
			
    ‘debugger;’ 除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断 ...
    
			
    11.