css取消input、select默认样式(手机端)
IOS端:
background-color:transparent; border-color:transparent;
andorid端:
仅仅使用上面的代码还不够,可以发现select框在某些浏览器(包括微信)内置浏览器下 还会有箭头以及高亮的线框,要除去这个可以使用
-webkit-appearance: none;
取消webkit默认的样式。
我们将input、select框设为透明的目的就是为了方便使用设计师制作的样式(即使差1、2个px没对齐也不会察觉)
注意:select的下拉框的样式跟具各个浏览器的不同都不会不同。这里就不研究了!