在H5页面 咋去掉input控件的下拉箭头

在h5的开发中，input有些自带的表单控件会有下拉箭头，如下图所示，有的人觉得并不好看，想用自己的图片作为背景让控件更美化，于是就想去掉自带空间控件样式。我自己用到的时候用了好几个办法，就下边这个最好用。

在需要更改的input的样式加下面这行代码就能实现：

-webkit-appearance: none;

这行代码会去掉当前控件的自带样式去掉，加上后代码如下图：

这样是有点丑，不过这样就可以自由自在自定义下拉箭头的样式啦，自己再手动调整下样式，美美的input自定义控件就诞生啦！