select标签和input标签在ios(苹果)手机上显示的很奇怪

做了个移动端页面，在安卓手机上显示的好好的，结果select标签在苹果手机上显示出了ie8的效果，真的是巨丑无比，而且input标签页发生了变化。

那是因为ios有自己自带的样式，我们需要将默认样式取消掉，然后在设计自己的样式

input[type=datetime-local]{
      -webkit-appearance:none;
      outline:none;
      border:none;
}
select{
    -webkit-appearance: none;//这样select默认的样式就没有了，后面的箭头也没有了，自己找个图标添加进去就可以了
    padding-right:30px;//给右边图标留位置
    background: url("arrow.png") no-repeat scroll right center transparent;//放自己的图标
}

到这手机端的问题应该就差不多解决了。