1、新建一個html文件并寫一個input標(biāo)簽。

2、通過給input標(biāo)簽前面的span標(biāo)簽添加after偽元素，給該偽元素的背景設(shè)置為想要添加的圖片。

3、給父元素添加相對定位，為了使偽元素能相對父級div定位。通過調(diào)整after偽元素的left和top值即可實(shí)現(xiàn)將一張圖片弄到input框內(nèi)。這樣就可以實(shí)現(xiàn)把一張圖片弄到輸入框里面擴(kuò)展資料：偽元素1、CSS2-:before偽元素":before"偽元素可以在元素的內(nèi)容前面插入新內(nèi)容2、CSS2-:after偽元素":after"偽元素可以在元素的內(nèi)容之后插入新內(nèi)容。

3、:first-letter偽元素"first-letter"偽元素用于向文本的首字母設(shè)置特殊樣式：4、:first-line偽元素"first-line"偽元素用于向文本的首行設(shè)置特殊樣式。