这几天在测试的时候，忽然发现手机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. Atcoder arc096
			
    C:Half and Half 几个if语句贪心算一算就好了 #include<cstdio> #include<algorithm> using namespace std; ...
    
			
    2. 
						
  2. 今天给各位介绍Linux touch命令详述
			
    触摸命令 touch命令有两个功能:一个是将现有文件的时间戳更新为系统的当前时间(默认模式),它们的数据将保持不变;第二个是创建一个新的空文件. 语法 触摸(可选) 最常见的用法:touch file ...
    
			
    3. 
						
  3. DuiLib学习笔记1.编译运行demo
			
    c++中皮肤问题比较麻烦,MFC自带的太难用.DirectUI界面库就比较强大了,之前像skin++之类的基于DirectUI收费昂贵.DuiLib是基于DirectUI的界面库,可以将用户界面和处理 ...
    
			
    4. 
						
  4. CF1158F Density of subarrays
			
    CF1158F Density of subarrays 首先可以发现,有值的p最大是n/c 对于密度为p,每个数至少出现c次,且其实是每出现c个数,就分成一段,这样贪心就得到了p %ywy n/c  ...
    
			
    5. 
						
  5. WCF进阶:扩展bindingElementExtensions支持对称加密传输
			
      前面两篇文章WCF进阶:将编码后的字节流压缩传输和WCF 进阶: 对称加密传输都是实现了自定义编码,那两个例子中托管服务或者客户端调用都采用的代码实现,WCF更友好的方式是在app.config或 ...
    
			
    6. 
						
  6. 转：链表相交有环 经典面试题（三）附答案 算法+数据结构+代码 微软Microsoft、谷歌Google、百度、腾讯
			
    源地址:http://blog.csdn.net/sj13051180/article/details/6754228 1.判断单链表是否有环,要求空间尽量少(2011年MTK) 如何找出环的连接点在 ...
    
			
    7. 
						
  7. Python学习day01 - 计算机基础
			
    第一天 什么是编程 语言就是用来交流的. 语言+火构成了人类的文明 Python语言用来和计算机交流 通过他和计算机交流,然后完成很多程序员想要完成的事情,就叫编程. 为什么要编程 节省劳动力,更高效 ...
    
			
    8. 
						
  8. tiler--python实现的有趣的自定义马赛克图像拼接工具
			
    最近在github中发现了一个有趣的小工具,tiler github链接https://github.com/nuno-faria/tiler 具体介绍请直接去github,这里只分享一下它的使用方法 ...
    
			
    9. 
						
  9. VC窗体透明而控件不透明以及Static文本背景透明方法
			
    出自http://my.oschina.net/ypimgt/blog/60951 优点:    1.Dialog 窗体完全透明.     2. 窗体上的控件不透明. DC 绘制的图形不透明.     ...
    
			
    10. 
						
  10. HBase Master-status
			
    
			
    11.