关于input输入框内设置小图标的问题

其实很简单，只需要html和css就可以搞定啦

首先：

写好input标签后就看css大显身手了

#test1{
background-image: url(icon/calendar.png);/*设置小图标为背景*/
background-size:18px 18px;/*设置小图标的 大小*/
background-position: 130px 0px;/*设置小图标的位置*/
background-repeat:no-repeat ;/*设置小图标不重复*/
border: 1px solid gray;
}

然后打开页面就可以看到想要的效果啦!

 

转载于:https://www.cnblogs.com/lxl0419/p/9052602.html