ios中select有默认样式,在Android中可以正常显示,但在ios中会变灰变短
这样式显然不能满足我们的需要,解决办法。
1:设置css : -webkit-appearance: none; 去掉默认的样式。
2:右边的小三角使用一个图片定位在那里。
select{
-webkit-appearance: none;
/*清除select默认样式*/
background: url("img/order_img/drop-down.png")no-repeat right;
/*注:上一步清除样式后,select中的三角符号也会被清除,所以需要自己添加下三角,我在此出用一个下三角背景图片填充*/
background-size: 0.3rem;
background-position-x: 96%;
}