1、首先,創建一個新的html文件并編寫一個input標簽。
2、其次,將after偽元素添加到input標簽前面的span標簽,然后將偽元素的背景設置為要添加的圖片。
3、最后,將相對位置添加到父元素,為了使偽元素能相對父級div定位。通過調整after偽元素的left值和top值,可以將圖片放入input框。這樣,就實現了把一張圖片弄到輸入框里面了。
1、首先,創建一個新的html文件并編寫一個input標簽。
2、其次,將after偽元素添加到input標簽前面的span標簽,然后將偽元素的背景設置為要添加的圖片。
3、最后,將相對位置添加到父元素,為了使偽元素能相對父級div定位。通過調整after偽元素的left值和top值,可以將圖片放入input框。這樣,就實現了把一張圖片弄到輸入框里面了。