CSS-解決蘋果點擊高亮、安卓select灰色背景（select下拉框在IOS中背景變黑、出現陰影問題）

1.在蘋果手機上，用點擊事件后會出現一個高亮的陰影； 
面對click事件的陰影，解決辦法：

*{ 
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; 
}

2.在安卓手機上的select有灰色背景，解決辦法：

select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border:none;
    }

3.解決select右側下拉箭頭在ios上不兼容的問題

解決select右側小三角箭頭在ios上不顯示的問題

 

原文鏈接: https://jingyan.baidu.com/article/a378c960c84b38b328283082.html

 

下面是我的最終解決代碼:

 

select{
/* 解決select下拉箭頭在ios上不兼容的問題 */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('../../assets/arrow_drop_down.png') no-repeat scroll right center transparent;
border: 1px solid #749ccb;
}