这几天在测试的时候，忽然发现手机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. 【HZOI2015】帕秋莉的超级多项式
			
    题面 题目分析 超级模板题: 多项式乘法 多项式求逆 多项式开根 多项式求导 多项式求积分 多项式求对数 多项式求自然对数为底的指数函数 多项式快速幂 代码实现 #include<iostrea ...
    
			
    2. 
						
  2. pg总览
			
    一.编译安装初始化等 ./configure --prefix=/release --with-openssl --without-ldap --with-libxml - -enable-threa ...
    
			
    3. 
						
  3. 关于Cadence SPB 16.6 破解的一些关键步骤
			
    网上搜索到的破解方法,一般来说流程都是没有什么大问题的.较详细的一个破解流程可参照: http://www.mr-wu.cn/cadence-orcad-allegro-spb-16-6-instal ...
    
			
    4. 
						
  4. 【Codeforces Round #424 (Div. 2) D】Office Keys
			
    [Link]:http://codeforces.com/contest/831/problem/D [Description] 有n个人,它们都要去一个终点,终点位于p; 但是,在去终点之前,他们都 ...
    
			
    5. 
						
  5. Python3.6爬虫+Djiago2.0+Mysql --运行djiago环境
			
    1.安装djiago 模块 pip install Django  --默认安装最新的  安装完成以后可以python -m pip list 查看模块是否安装 2.创建项目及app 及生成目录 备注 ...
    
			
    6. 
						
  6. Java-Shiro：Shiro
			
    ylbtech-Java-Shiro:Shiro 1.返回顶部 1. Apache Shiro是一个强大且易用的Java安全框架,执行身份验证.授权.密码和会话管理.使用Shiro的易于理解的API, ...
    
			
    7. 
						
  7. linux 最新化安装后安卓 KDE 桌面
			
    yum -y install epel-releaseyum -y groupinstall "X Window System"yum -y groupinstall " ...
    
			
    8. 
						
  8. hibernate 映射总结
			
    单向一对多实体配置:在一的实体中设置多的一方SET集合配置文件:在一的一方用set 设置 one to many表配置:多方表的外键指向一方表的主键; 双向一对多实体配置:在一的实体中设置多的一方SE ...
    
			
    9. 
						
  9. elasticDump的安装使用
			
    官方地址:官方地址:https://github.com/taskrabbit/elasticsearch-dump 安装方式如下:安装NodeJS下载源码:wget http://nodejs.or ...
    
			
    10. 
						
  10. Mybatis和spingboot整合
			
    0. 导包 <!-- 统一管理springboot相关的包 --> <parent> <groupId>org.springframework.boot</g ...
    
			
    11.