在CSS中,可以使用background-image
屬性將圖片添加到輸入框中,以下是一個(gè)示例:
input[type="text"] { background-image: url("image.jpg"); background-repeat: no-repeat; background-position: right; }
在這個(gè)示例中,圖片image.jpg
被添加到輸入框的背景中。background-repeat: no-repeat;
確保圖片不會(huì)重復(fù),background-position: right;
將圖片定位在輸入框的右側(cè)。
這種方法僅適用于背景圖片,并且圖片不會(huì)隨著文本的輸入而移動(dòng),如果需要更復(fù)雜的圖片添加需求,可能需要使用其他CSS技巧或者JavaScript來實(shí)現(xiàn)。