苹果默认样式
和设计稿完全不符合,所以在简书上记录下解决办法,提醒自己不要再忘记了。
select{
-webkit-appearance: none;
/*清除select默认样式*/
background: url("../../images/icon1.png")no-repeat right;
/*注:上一步清除样式后,select中的三角符号也会被清除,所以需要自己添加下三角,我在此出用一个下三角背景图片填充*/
background-size: 0.3rem;
background-position: 70% 50%;
}
当然这样写之后,就相当于重置了整个select的样式了,需要怎样的下拉框,就按照设计稿得样式实现就好了,苹果手机和安卓手机也不会存在差异了。
修改后的样式