How to add an image in textfield in sencha touch [closed]

问题

Closed. This question needs details or clarity. It is not currently accepting answers.

---

Want to improve this question? Add details and clarify the problem by editing this post.

Closed 5 years ago.

I want to add a small image in the text field in sencha touch. For example a small user icon in the username text field.

回答1:

Create your textfield like this:

{
    xtype: 'textfield',
    cls: 'username',
    fieldLabel : 'Username', // works for ExtJS
    label : 'Username' // works for Sencha Touch
}

and add this to your CSS

.username .x-form-text, .username .x-form-field {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/1/12/User_icon_2.svg/48px-User_icon_2.svg.png) no-repeat left;
    background-size: contain;
    padding-left: 25px;
}
.username .x-form-field { /* Adding more padding for Sencha Touch only */
    padding-left: 50px;
}

来源：https://stackoverflow.com/questions/26447925/how-to-add-an-image-in-textfield-in-sencha-touch