CSS在輸入框后添加圖片是一種常見的網頁設計需求。通過這種方式，我們可以為用戶提供更加醒目、清晰的輸入提示信息，增強用戶體驗。下面，我們就來介紹一些實現這種效果的CSS方法。

input[type=text] {
padding-right:20px;
}
input[type=text]::after {
content: url('image.png');
position: absolute;
right: 0;
top: 0;
}

上述代碼通過設置輸入框的padding-right屬性，將輸入框右側留出一定的空間，然后利用input[type=text]::after偽元素，添加一張圖片作為輸入提示信息。絕對定位方式將圖片放置在輸入框內部，同時設置right和top屬性，使其位于輸入框的右上角位置。

除了使用偽元素，我們還可以通過background屬性設置輸入框的背景，實現同樣的效果。示例代碼如下：

input[type=text] {
background:url('image.png') no-repeat right center; 
background-size: 20px 20px; 
padding-right: 25px; 
}

上述代碼通過設置background屬性，使用圖片作為輸入框的背景，并設置了背景位置為右側中間，同時通過background-size屬性調整圖片大小。padding-right屬性用來將輸入框右側留出空間，避免輸入文字與提示圖片重疊。

以上就是CSS在輸入框后添加圖片的兩種常見方法，您可以根據實際需求選擇合適的方法。