
蘋果默認(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ì)存在差異了。

修改后的樣式