Add padding to the text of a textfield

What i want to do is make it so that the text of a textfield does not go to the end of the textfield. what i have is a textfield with a background image and then a button on the right-most side of the textfi开发者_如何转开发eld. I would like to stop the text from going under the button. I tried using a padding-right but all that does is move the background image too so it defeats the purpose.

---

Padding is the way to go. If your background image isn't lining up right after applying padding, then you need to make your background image accommodate for the padding.

---

If it really is moving the background, you could try shifting it back using background-position

background-position: 30px 0px;