CSS 中如何避免iphone及ipad中输入框有内阴影的现象呢?


摘要:
下文讲述禁止iphone及ipad“输入框存在内阴影”的方法分享,如下所示:

iphone及ipad是市面使用非常多的移动端,
所以我们必须为其做好相应的适配,
那么如何避免iphone及ipad的输入框出现内阴影效果呢?
下文将一一道来,如下所示:

实现思路:
	只需为相应的元素设置以下css属性
	-webkit-appearance: none;

例:
清除iphone及ipad输入框的内阴影的示例分析

<style>
 input,
 textarea { 
    -webkit-appearance:none;
 }
 </style>