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

IOS端:

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

andorid端:

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

-webkit-appearance: none;

取消webkit默认的样式。

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

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

上一篇:KoaHub平台基于Node.js开发的Koa JWT认证插件代码信息详情


下一篇:KoaHub平台基于Node.js开发的Koa的skip插件代码详情