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

解决办法：

-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. freeswitch嵌入python脚本
			
    操作系统:debian8.5_x64 freeswitch 版本 : 1.6.8 python版本:2.7.9 开启python模块 安装python lib库 apt-get install pyt ...
    
			
    2. 
						
  2. Arduino 1602液晶屏实验和程序
			
    在Arduino IDE中, 项目->加载库->管理库中搜索LiquidCrystal,然后安装即可 1.接线图 2.引脚图 3.最简单程序 #include <LiquidCrys ...
    
			
    3. 
						
  3. python爬虫学习(5) —— 扒一下codeforces题面
			
    上一次我们拿学校的URP做了个小小的demo.... 其实我们还可以把每个学生的证件照爬下来做成一个证件照校花校草评比 另外也可以写一个物理实验自动选课... 但是出于多种原因,,还是绕开这些敏感话题 ...
    
			
    4. 
						
  4. BZOJ 1030: [JSOI2007]文本生成器 [AC自动机 DP]
			
    1030: [JSOI2007]文本生成器 Time Limit: 1 Sec  Memory Limit: 162 MBSubmit: 3953  Solved: 1614[Submit][Stat ...
    
			
    5. 
						
  5. mac 终端 svn 命令
			
      1.将文件checkout到本地目录 svn checkout path(path是服务器上的目录)   例如:svn checkout svn://192.168.1.1/pro/domain  ...
    
			
    6. 
						
  6. Coursera上一个不错的Java课
			
    地址:https://www.coursera.org/learn/java-chengxu-sheji/home/welcome 复习天昏地暗,看点视频调剂一下.发现这个讲的还是很不错的.北大毕竟比 ...
    
			
    7. 
						
  7. [LeetCode] Excel Sheet Column Number 求Excel表列序号
			
    Related to question Excel Sheet Column Title Given a column title as appear in an Excel sheet, retur ...
    
			
    8. 
						
  8. .NET跨平台之旅：ASP.NET Core从传统ASP.NET的Cookie中读取用户登录信息
			
    在解决了asp.net core中访问memcached缓存的问题后,我们开始大踏步地向.net core进军——将更多站点向asp.net core迁移,在迁移涉及获取用户登录信息的站点时,我们遇到 ...
    
			
    9. 
						
  9. C++知识回顾（一）
			
    感觉世界都是约定好的,每门语言的第一个程序总是Hello World!但是也有一些书似乎是在追求个性,会用一些其他的,但是是Not Hello World!本人需要再学习一下C++,所以从最基础的开始 ...
    
			
    10. 
						
  10. 协程--gevent模块(单线程高并发)
			
    先恶补一下知识点,上节回顾 上下文切换:当CPU从执行一个线程切换到执行另外一个线程的时候,它需要先存储当前线程的本地的数据,程序指针等,然后载入另一个线程的本地数据,程序指针等,最后才开始执行.这种 ...
    
			
    11.