select下拉框、input輸入框在IOS中背景變黑、出現陰影
如下圖所示，在IOS中，select下拉框會出現如下黑色背景，input輸入框上面會出現陰影，導致使用者體驗效果不是很好，總體原因是IOS中對透明度渲染效果不是很好。
正常顯示應該是如下圖：
解決方案：
1.input：
設定input的樣式時加上：-webkit-appearance: none;這樣之後input輸入框就會像Android上一樣正常顯示。
<input type="text" "name="name"
placeholder="使用者名稱" style=" -webkit-appearance: none;">
2.select：
使用select出現如上現象時，在設定其樣式的時候同樣也加上-webkit-appearance: none;但此時下拉框點開的小箭頭也會消失，所以這種情況下可以設定background: url() no-repeat right ;background-size:;來自己新增下拉箭頭，或用其他方式自己新增。
<select name="gender" style=" -webkit-appearance: none;">
<option value="1">男</option>
<option value="2">女</option>
</select>
說明：目前下拉框一般都有現成的元件，很多都不用select。
appearance屬性說明：http://www.qdfuns.com/notes/17719/504948d3a458d45cf7948166901f7bb8.html
以上是本人自己的解決方案，在遇到以上問題時也嘗試了很多方法，因為本人不是專業做前端的，可能解決方案不是最優的，哪位前端大神有更好的解決方法求告知！