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

解决办法：

-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. JAVA编程思想（第四版）学习笔记----11.4 容器的打印
			
    import static java.lang.System.out; import java.util.ArrayList; import java.util.Collection; import  ...
    
			
    2. 
						
  2. Mybatis 查不到数据，总是返回Null
			
    mybatis突然查不到数据,查询返回的都是Null,但是 select count(*) from xxx查询数量,返回却是正常的. Preparing: SELECT id,a9004,a9005 ...
    
			
    3. 
						
  3. UNITY和图片像素的换算
			
    https://zhidao.baidu.com/question/143233873.html 1米X1米换算成像素是2835X2835的
    
			
    4. 
						
  4. java 旧url 处理的解决方法
			
    @RequestMapping(value = {"/search"}) public void errorPath(HttpServletResponse response, @ ...
    
			
    5. 
						
  5. PAT 1047. 编程团体赛(20)
			
    编程团体赛的规则为:每个参赛队由若干队员组成:所有队员独立比赛:参赛队的成绩为所有队员的成绩和:成绩最高的队获胜. 现给定所有队员的比赛成绩,请你编写程序找出冠军队. 输入格式: 输入第一行给出一个正 ...
    
			
    6. 
						
  6. [LeetCode] Delete Node in a Linked List 删除链表的节点
			
    Write a function to delete a node (except the tail) in a singly linked list, given only access to th ...
    
			
    7. 
						
  7. [LeetCode] Spiral Matrix 螺旋矩阵
			
    Given a matrix of m x n elements (m rows, n columns), return all elements of the matrix in spiral or ...
    
			
    8. 
						
  8. 编写轻量ajax组件02-AjaxPro浅析
			
    前言 上一篇介绍了在webform平台实现ajax的一些方式,并且实现一个基类.这一篇我们来看一个开源的组件:ajaxpro.虽然这是一个比较老的组件,不过实现思想和源码还是值得我们学习的.通过上一篇 ...
    
			
    9. 
						
  9. C#创建Excel(.xls和.xlsx)文件的三种方法
			
    生成EXCEL文件是经常需要用到的功能,我们利用一些开源库可以很容易实现这个功能. 方法一:利用excellibrary,http://code.google.com/p/excellibrary/  ...
    
			
    10. 
						
  10. 基于C/S架构的3D对战网络游戏C++框架_【不定期更新通知】
			
    由于笔者最近有比赛项目要赶,这个基于C/S架构的3D对战网络游戏C++框架也遇到了一点瓶颈需要点时间沉淀,所以近一段时间不能保证每天更新了,会保持不定期更新.同时近期笔者也会多分享一些已经做过学过的C ...
    
			
    11.