如何给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>
以上就是大致的实现方式了 。