select在ios和android中样式不兼容

问题描述:

ios中select有默认样式,在Android中可以正常显示,但在ios中会变灰变短

解决办法:

为select设置样式

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%;
}

此文章仅限自己的笔记而已,其中有些术语可能不太准确,只供参考,如有问题欢迎赐教!

猜你喜欢

转载自blog.csdn.net/sinat_38592878/article/details/79026399