Question

html怎样把一张图片弄到输入框里面

Answer 1

可以使用before或者after伪元素来实现。

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" 伪元素用于向文本的首行设置特殊样式。