
			<p>IOS环境下的按钮都是经过美化的，但通常我们在设计web app的时候不需要这些看上去老土的样式，所以，去除这些显得很有必要。</p>
<p>下面这句代码就是重置这些样式的：</p>
<pre>-webkit-appearance: none;</pre>
<p>通常，我们在写移动端的web开发时，会zaicommon.css中添加以下CSS代码来：</p>
<pre style="margin: 15px 0; font: 100 12px/18px monaco, andale mono, courier new; padding: 10px 12px; border: #ccc 1px solid; border-left-width: 4px; background-color: #fefefe; box-shadow: 0 0 4px #eee; word-break: break-all; word-wrap: break-word; color: #444;"><span style="color: #170;">input</span>[<span style="color: #170;">type</span>=<span style="color: #170;">button</span>]{
	<span style="color: #000;">-webkit-appearance</span>:<span style="color: #164;">none</span>;
	<span style="color: #000;">outline</span>:<span style="color: #164;">none</span>
}</pre>
<p>嗯，就这些，虽简单，但很实用！</p>
<p>转载请注明：<a href="http://www.daqianduan.com">大前端</a> &raquo; <a href="http://www.daqianduan.com/webkit-appearance/">IOS下移除按钮原生样式 -webkit-appearance</a></p>		