在h5的开发中,input有些自带的表单控件会有下拉箭头,如下图所示,有的人觉得并不好看,想用自己的图片作为背景让控件更美化,于是就想去掉自带空间控件样式。我自己用到的时候用了好几个办法,就下边这个最好用。
在需要更改的input的样式加下面这行代码就能实现:
-webkit-appearance: none;
这行代码会去掉当前控件的自带样式去掉,加上后代码如下图:
这样是有点丑,不过这样就可以自由自在自定义下拉箭头的样式啦,自己再手动调整下样式,美美的input自定义控件就诞生啦!