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

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

首先:<input class="layui-input" id="test1" placeholder="yyyy-MM-dd" type="text" >

写好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;
}

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

 

posted @ 2018-05-17 18:33  夏目友人喵  阅读(1252)  评论(0编辑  收藏  举报