移动端H5页面端如何除去输入输入框的默认样式

  介绍

这篇文章主要介绍了移动端H5页面端如何除去输入输入框的默认样式,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的& lt;输入类型=癲ate"在输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调。

刚开始设置了输入框背景色透明(background:透明;),在iOS上面背景色和边框都没有了,但是在andriod上边框和背景色还是存在。后来加上样式过滤器:α(不透明度=0),在andriod中就去掉了边框和背景。

去掉背景和边框比以前好看多了,但是因为类型是目前为止,所以右边有个图标,感觉不协调,加上外观:无;样式图标没了,比以前更好看了。下图是效果:

jsp部分代码:

& lt; p>   & lt; img src=https://www.yisu.com/zixun/?c: url value="//weixin/timeQ图像。png "/> " class=" imgCen ">。日期输入(type=日期){   背景颜色:透明;   颜色:# fff;   过滤器:α(不透明度=0);/* androd */外观:无;/*下拉框去掉右侧图标*/-moz-appearance:没有;   -webkit-appearance:没有;   }

感谢你能够认真阅读完这篇文章,希望小编分享移动端H5页面端如何除去输入输入框的默认样式内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

移动端H5页面端如何除去输入输入框的默认样式