css---移動端網站專屬BUG【蘋果手機】

最近在前端寫頁面的時候，遇到了三個蘋果手機的專屬BUG，記錄下...

BUG1：蘋果手機 form 表單的input有陰影

解決方法：

input { /* 1 */
  overflow: visible;
  outline:none;
  -webkit-appearance: none;
}

BUG2：蘋果手機form表單裏的input是圓角

解決辦法：

input{
  border-radius:0;      
}

BUG3：蘋果手機裏面的的手機號碼會被識別，添加藍色

解決辦法：添加meta屬性

<meta name="format-detection" content="telephone=no" />