select选项中的内容和其他输入框不对齐

 

 有时候总会遇见莫名其妙的问题，如图中（为了清除的表示问题，我又用画图将偏离更夸张些）。为了解决这个问题，只好取消样式优化，同时自己加小箭头。但是为什么会有这样的问题啊

/*取消iphone样式优化*/
input[type="submit"], input[type="reset"], input[type="button"], input, button , textarea{ -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}
select{ -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}