一个input框如何设置两张背景图片一左一右，移动端 、小程序如何给input 框设置两张背景图片

如何给input 框同时设立两张背景图片？

在前端开发中我们经常会遇到这种需求：给一个输入框同时设置两张背景图片。如下就是一个很典型的场景。


实现的方式有很多种，这里简单介绍一下如何利用简单的css 样式来实现。

 <!-- 其他的标签我就屏蔽掉了，这里只列举密码这个input 框 的html -->
 <input class="password logInInput"  password="" placeholder="password" /> 

<!-- 样式 -->
<style>
	.password {
		background: url(../../static/images/password.png) left top no-repeat ,url(../../static/images/eye.png) right top no-repeat ;
		background-size: auto 70%;
		background-position: 6% 2%,94% 2%;
	}
</style>

以上就是大致的实现方式了 。