苹果手机中会如类似上图，安卓却可以按自己写的来显示

解决办法：

-webkit-appearance: none;

以上即可，当然样式中可以加上通用的：

通用：
input[type=button], input[type=submit], input[type=file], button {-webkit-appearance: none; } 
												


											
苹果iphone手机上input的button按钮颜色显示有问题，安卓却没问题的更多相关文章
	

    
								
  1. 苹果手机上input的button按钮颜色显示问题
		
    在苹果手机上的input按钮自带效果,需要加上outline:0px; -webkit-appearance:none; 清除原有样式,同时苹果手机上的input按钮自带圆角需要按需要去掉 input ...
    
		
    2. 
						
  2. 遭遇input与button按钮背景图失效不显示的解决办法
		
    笔者从事网页前端代码页面工程师已有多年,作为一个网页重构人员常常会遇到一些莫名其妙的DIV+CSS(正确的说法是XHTML+CSS)在 IE.FireFox火狐. 谷歌浏览器CHROME.苹果浏览器S ...
    
		
    3. 
						
  3. input与button按钮背景图失效不显示的解决办法
		
    今天做公司的某个网站前端网页页面的时候笔者又遇到了难解决的网页前端DIVCSS代码问题,一个平时不会发生的怪事情发生了:为网页代码中的Form表单中的input 和 button 按钮标签在CSS样式 ...
    
		
    4. 
						
  4. button,input type=button按钮在IE和w3c，firefox浏览器区别
		
    在项目中遇到一个问题,是关于点击button按钮会自动刷新的问题.查阅了资料,做以下的整理: button,input type=button按钮在IE和w3c,firefox浏览器区别如下:当在IE ...
    
		
    5. 
						
  5. 设置苹果手机input按钮和button按钮颜色显示问题
		
    网页上,尽管设置了input按钮和button的背景颜色,但在苹果手机上测试时仍会发现背景颜色为透明渐变色,不起作用,怎么解决呢? 在css公共样式中加上下面代码就可以解决,去除button和inpu ...
    
		
    6. 
						
  6. 在苹果手机上input有内阴影怎么去除
		
    一个input中在安卓手机上完全按照自己的样式去展示,但是在苹果手机上发现Input有内阴影,怎么去除内阴影呢? 在input样式中这样添加 #div{ .... appearance:button; ...
    
		
    7. 
						
  7. 【学习】苹果iPhone safari浏览器样式重置修复按钮圆角bug
		
    iPhone safari浏览器中,input按钮会按苹果的默认UI来渲染,例如,写的按钮明明是这个样的: 但是实际就会是这个样子: 怎么办呢? 为按钮添加:-webkit-appearance: n ...
    
		
    8. 
						
  8. 怎么把电脑的word,txt,pdf等文件拷贝到iPhone手机上
		
    之前都是用的qq什么的传文件,电脑发送到qq上.今天尝试了一下用itunes把电脑上的文件夹弄到iPhone上. 1.首先,打开电脑的偏好设置,找到共享如图: 打开它,勾选文件共享. 2.把手机和电脑 ...
    
		
    9. 
						
  9. iphone手机上的click和touch
		
    在iphone手机上绑定click事件时,当你触发点击事件时,你绑定的click事件的DOM节点,会自动被一块浮层选中.所以如果使用事件委托来做事件绑定会造成很差的用户体验. 使用touchstart ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. yii2 modal弹窗之ActiveForm ajax表单异步验证
			
    作者:白狼 出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位 ...
    
			
    2. 
						
  2. css之定位
			
    定位有三种,分别是相对定位 position:relative; .绝对定位 position:absolute; .固定定位 position:fixed; 相对定位 相对定位,就是微调元素位置的, ...
    
			
    3. 
						
  3. 创建docker私人仓库
			
    关于创建docker私人仓库 1.1.           安装步骤 1.1.1.            直接从公共库上面下载register镜像在本地执行 1.1.1.1.              ...
    
			
    4. 
						
  4. java nio系列文章
			
    java nio系列教程 基于NIO的Client/Server程序实践 (推荐) java nio与并发编程相关电子书籍   (访问密码 48dd) 理解NIO nio学习记录 图解ByteBuff ...
    
			
    5. 
						
  5. 前端之ajax
			
    前端之ajax 本节内容 ajax介绍 原生js实现ajax jquery实现ajax json 跨域请求 1. ajax介绍 AJAX(Asynchronous Javascript And XML ...
    
			
    6. 
						
  6. Appium+python的一个简单完整的用例
			
    最近一直在忙,终于有时间来整理一下,传一个简单的用例,运行之后可以看到用例的报告,希望对大家有帮助. HTMLTestRunner这个包网上有很多,大家可以自己下载. 1 import unittes ...
    
			
    7. 
						
  7. javascript中的原型和继承
			
    javascript一直是初学者口中的难点,甚至一些有些许工作经验的人也不太明白其中的原理,而我就是那个初学者,前段时间在阮一峰老师的博客上看了一篇文章<javascript继承机制的设计思想& ...
    
			
    8. 
						
  8. 使用NuGet发布自己的类库包（Library Package）
			
    STEP 1:注册并获取API Key 首先,你需要到NuGet上注册一个新的账号,然后在My Account页面,获取一个API Key,这个过程很简单,我就不作说明了. STEP 2:下载NuGe ...
    
			
    9. 
						
  9. FineUI（开源版）v6.0中FState服务器端验证的实现原理
			
    前言 1. FineUI(开源版)是完整开源,最早发起于 2008-04,下载全部源代码:http://fineui.codeplex.com/ 2. 你可以通过捐赠作者来支持FineUI(开源版)的 ...
    
			
    10. 
						
  10. Euler-Maruyama discretization（"欧拉-丸山"数值解法）
			
    欧拉法的来源 在数学和计算机科学中,欧拉方法(Euler method)命名自它的发明者莱昂哈德·欧拉,是一种一阶数值方法,用以对给定初值的常微分方程(即初值问题)求解.它是一种解决常微分方程数值积分 ...
    
			
    11.