-webkit-appearance 是一个 不规范的属性(unsupported WebKit property),用来改变按钮和其他控件的外观,使其外观类似于原生控件。
iOS下的safari中有默认的按钮样式:
css 代码:
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: push-button; white-space: pre; }
其中
-webkit-appearance: push-button;
就是将按钮设置成iOS中默认原生控件的样式。
通常我们可以在相应的元素上加上
css 代码:
-webkit-appearance : none ;
移除原生控件样式。