css取消input、select默认样式(手机端)

寻技术 Html/CSS 2023年07月12日 77

IOS端:

background-color:transparent; border-color:transparent;

 

andorid端:

仅仅使用上面的代码还不够,可以发现select框在某些浏览器(包括微信)内置浏览器下 还会有箭头以及高亮的线框,要除去这个可以使用

-webkit-appearance: none;

取消webkit默认的样式。

 

我们将input、select框设为透明的目的就是为了方便使用设计师制作的样式(即使差1、2个px没对齐也不会察觉)

 

注意:select的下拉框的样式跟具各个浏览器的不同都不会不同。这里就不研究了!

 

关闭

用微信“扫一扫”