1、新建一个html文件并写一个input标签。
2、通过给input标签前面的span标签添加after伪元素,给该伪元素的背景设置为想要添加的图片。
3、给父元素添加相对定位,为了使伪元素能相对父级div定位。通过调整after伪元素的left和top值即可实现将一张图片弄到input框内。这样就可以实现把一张图片弄到输入框里面扩展资料:伪元素1、CSS2-:before伪元素”:before”伪元素可以在元素的内容前面插入新内容2、CSS2-:after伪元素”:after”伪元素可以在元素的内容之后插入新内容。3、:first-letter伪元素”first-letter”伪元素用于向文本的首字母设置特殊样式:
4、:first-line伪元素”first-line”伪元素用于向文本的首行设置特殊样式。