如何在文本字段中添加图标

Question

我的工具栏中有一个搜索文本字段.我想在文本字段(最左边的搜索图标)中添加图像而不是一些文本.

请提供一些实现此目的的想法.

Answer 1

我建议你使用font-awesome来加载你的图标.添加Font Awesome库后,您应该执行以下操作:

小提琴:https://fiddle.sencha.com/#fiddle/mmp

Ext.create('Ext.Panel',{
    renderTo: Ext.getBody(),
    width: 500,
    height: 500,
    title: 'Testing Panel',
    html : 'Contents of the Testing Panel',
    bodyPadding: 10,
    tools:[{
        xtype : 'textfield',
        fieldStyle : 'font-family: FontAwesome',
        emptyText: '\uF002 Find User'
    }]
});