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

解决办法：

-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. mysql半同步复制问题排查
			
    1.问题背景      默认情况下,线上的mysql复制都是异步复制,因此在极端情况下,主备切换时,会有一定的概率备库比主库数据少,因此切换后,我们会通过工具进行回滚回补,确保数据不丢失.半同步复制则 ...
    
			
    2. 
						
  2. IIS中启用ASP并连接Access数据库的解决办法
			
    1. IIS安装ASP模块 进入控制面板 ---- 打开或关闭Windows功能 选择如下所示两项,点击安装完成 2. 打开父路径许可 选择相应应用程序池 ----- 高级设置 ---- 将“启用父路 ...
    
			
    3. 
						
  3. SQL Server 自动化运维系列
			
    本系列为SQL SERVER自动化运维的一些操作技巧点,所有内容都是根据日常运维过程中最经常遇到的问题,并为此形成了一些自动化运维的方式,皆为原创.... 供部分DBA和开发人员浏览借鉴,所应用平台基 ...
    
			
    4. 
						
  4. linux下安装 oracle 11g
			
    oracle 11g安装 一.环境准备 划分区 / 15000M /tmp 4096M /boot 100M Swap 4096M /u01 剩余空间 2.更改主机名,ip地址 3.安装软件包 那么l ...
    
			
    5. 
						
  5. spring 事务回滚
			
    1.遇到的问题 当我们一个方法里面有多个数据库保存操作的时候,中间的数据库操作发生的错误.伪代码如下: public method() { Dao1.save(Person1); Dao1.save( ...
    
			
    6. 
						
  6. 如果layer层在iframe下不居中滚动
			
    需要在layer前面加上parent.layer. 2.运用layer层的步骤: 1.引入1.8版本以上的jquery文件 <script type="text/javascript& ...
    
			
    7. 
						
  7. plain framework 1 一款主要用于网络（游戏）开发的C/C++开源框架 安装篇 updated
			
    上次介绍了一下plain framework的基础相关资料,今天该框架正式开源发布.项目的地址托管于github上,我相信大多数朋友都应该知道.今天要介绍的是该框架的目录基本结构,以及分别在linux ...
    
			
    8. 
						
  8. docker学习(5) 在mac中创建mysql docker容器
			
    github上有一个专门的docker-libary项目,里面有各种各样常用的docker镜像,可以做为学习的示例,今天研究下其中mysql镜像的用法,国内镜像daocloud.io也能找到mysql ...
    
			
    9. 
						
  9. [LeetCode] Permutation Sequence 序列排序
			
    The set [1,2,3,…,n] contains a total of n! unique permutations. By listing and labeling all of the p ...
    
			
    10. 
						
  10. 在.NET中把项目从类库转为Web应用程序
			
    我们知道,在.NET中所有的项目文件以.csproj为扩展名.内容是xml格式. 类库项目文件.csproj: <Project DefaultTargets="Build" ...
    
			
    11.