蘋果默認(rèn)樣式

和設(shè)計(jì)稿完全不符合，所以在簡(jiǎn)書上記錄下解決辦法，提醒自己不要再忘記了。

 select{
    -webkit-appearance: none;  
    /*清除select默認(rèn)樣式*/
    background: url("../../images/icon1.png")no-repeat right;
    /*注：上一步清除樣式后，select中的三角符號(hào)也會(huì)被清除，所以需要自己添加下三角，我在此出用一個(gè)下三角背景圖片填充*/
    background-size: 0.3rem;
    background-position: 70% 50%;
}

當(dāng)然這樣寫之后，就相當(dāng)于重置了整個(gè)select的樣式了，需要怎樣的下拉框，就按照設(shè)計(jì)稿得樣式實(shí)現(xiàn)就好了，蘋果手機(jī)和安卓手機(jī)也不會(huì)存在差異了。

修改后的樣式