Question

我在容器中有以下项目。我的问题是xtype按钮，特别是'text'属性。 PHP代码正常工作，跨度也使字体变红，但我无法将图像设置为22 x 22像素。即使我将图像上传为22 x 22像素，它最终也会扩大到38x38。其他地方的样式规则可能会干扰，有没有办法通过在text属性中键入适当的文本来覆盖它？感谢

{
            xtype:"form",
            baseCls:"",
            cls:"search1-container dotted-line",
            url:"search",
            standardSubmit:true,
            layout:"hbox",
            items:[myapp.textBoxes.freeSearch,{
                xtype:"button",
                text:"<img src='images/Search.png'  style='float:left; height:22; width:22;' />Pre-owned <span style='color:red; font-size: 11px; display:inline-block; vertical-align: top;'> [<?php echo $rows; ?> Cars]</span>",
                cls:"search1-submit"
            }],
            listeners:{
            }
        }

Answer 1

试试这个：

<强>风格

<style>
.icon {
    background-image: url('images/Search.png');
}
</style>

<强>代码

Ext.create('Ext.panel.Panel',{
xtype:"form",
baseCls:"",
cls:"search1-container dotted-line",
url:"search",
standardSubmit:true,
layout:"hbox",
items:[{
    xtype:"button",
    height: 32, // you can change this parameter too
    text:"Pre-owned <span style='color:red; font-size: 11px; display:inline-block; vertical-align: top;'> [Cars]</span>",
    iconCls : "icon",
    cls:"search1-submit"
}],
renderTo:Ext.getBody()

}）;

Answer 2

他问的是如何改变按钮图标的大小，而不是如何改变按钮本身的大小

Sencha touch - 无法在按钮上将图像样式设置得更小

2 个答案: