css苹果默认样式,css定义样式的基本语法

html中单色按钮在苹果手机按钮为什么是渐变色？

这是苹果手机有自带的按钮样式。

一、IPhone是苹果公司旗下研发的智能手机系列，它搭载苹果公司研发的iOS手机操作系统。第一代iPhone于2007年1月9日公司CEO史蒂夫·乔布斯发布，并在同年6月29日正式发售。

二、新品发布

2013年9月10日，苹果公司推出第七代产品iPhone5C及iPhone5S，iPhone5S于同年9月20日正式发售。第八代的iPhone 6和iPhone6 Plus于2014年9月10日正式发布。2016年9月8日，iPhone 7和iPhone 7 Plus正式登台亮相，9月9日开启预约，9月16日正式开卖。2017年9月13日，苹果公司发布三款全新iPhone，4.7英寸的iPhone 8、5.5英寸的iPhone 8 Plus和5.8英寸的iPhone X。

三、产品事件

安全漏洞

2014年2月24日人民网、腾讯网、搜悦等媒体消息，苹果iOS曝出重大安全bug，该漏洞的危害已经延伸到苹果浏览器以外，危及到包括Mail、Twitter、Facetime、iMessage在内的其他应用程序，甚至苹果的软件更新机制。尽管该公司声明会很快修复，但恐怕还需要一些时日。

苹果发布声明，称黑客可能会利用iOS操作系统存在的一个严重安全漏洞拦截用户电子邮件和其它加密通讯信息之后，苹果台式机和笔记本电脑采用的OS X操作系统也存在同样的问题。不过苹果尚未就此做出任何反应。

北京时间2016年2月15日早间消息，根据最新报告的一个漏洞，如果用户将iPhone的日期调整至1970年1月1日，那么iPhone就会变砖。这一漏洞影响了64位的iOS 8和iOS 9，以及使用苹果A7、A8、A9和A9X处理器的平板电脑。

相关问答

Q1: css 兼容性问题

1.H5网页touch滑动的时候在苹果手机上出现不流畅的问题

-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.

解决办法：给所有网页添加如下样式

说明：

-webkit-overflow-scrolling: touch; 当手指从触摸屏上移开，会保持一段时间的滚动

-webkit-overflow-scrolling: auto; 当手指从触摸屏上移开，滚动会立即停止

2. css 苹果手机按钮默认样式如何去掉

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea { -webkit-appearance: none;}

3. 如果还有圆角的问题，

** 4.苹果手机不支持box-shadow属性**

如果先给input写边框，用 border:1px solid #ccc;

5、去除Chrome等浏览器文本框默认发光边框

6.去掉高光样式：

当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。

7、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了

input::-ms-clear {display: none;}

8.H5页面写出来，在chrome中出现如下错误，只需添加如下css即可解决

*{touch-action: pan-y;}

Q2: 如何去除苹果手机input的默认样式？

input {-webkit-appearance:none; /*去除input默认样式*/}使用这个CSS语句即可实现。

方法：

直接在input中加style=“outline:none;”。

在顶部style中直接控制css样式。

直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框。

兼容的解决方法。

参考资料

如何去掉input默认样式.CSDN[引用时间2017-12-30]

Q3: css 苹果手机按钮默认样式如何去掉

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 （不要写在class里哦）

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}

如果还有圆角的问题，

.button{ border-radius: 0; }

1、去除Chrome等浏览器文本框默认发光边框

input:focus, textarea:focus {outline: none;}

去掉高光样式：

input:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-user-modify:read-write-plaintext-only;}

当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。

2、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了

input::-ms-clear {display: none;}

Q4: 如何去除苹果手机input的默认样式

1、使用chrome的都知道，当鼠标焦点在input、textarea这些元素上时，chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。

你可以用下面的css代码去掉所有元素的边框：

*:focus

{outline:

none;}

用下面的代码去掉你要去掉的元素的边框：

.nohighlight:focus{outline:none;}你也可以给元素增加你希望的边框：

3、chrome默认用户可以控制textarea的大小，在css中加入下面一句就可以了