如何在Extjs2.3中正确显示Extjs按钮的背景图片
如何在Extjs2.3中正确显示Extjs按钮的背景图片
提问于 2011-08-24 23:14:10
我知道Extjs2.3已经很旧了，但是我正在接管某人的工作here.so，我现在束手无策。
好吧，我应该在界面中修改一些东西，并添加新的功能。这是我的第一个真正的ExtJS作品(这里是jquery男孩)。
我想在按钮上添加新的图标，但似乎我甚至无法正确显示图像，因为我无法影响按钮的高度，无论是在按钮对象属性上，还是在css中。我所做的就是影响按钮的宽度。
这是我的尝试
btntelButton = new Ext.Button({
name: 'telbtn',
id: 'btntel',
cls : 'x-btn-icon',
iconCls: 'telButton',
minWidth : 95,
});
<style type="text/css">
.telButton
{
height: 60px;
background-image: url(images/tel.png) !important;
}
</style>使用telButton类时，背景图像的大小会调整到最小，只显示图像的一小部分
当我使用按钮本身的样式时，如下所示
//...
id: 'btntel',
cls : 'x-btn-icon',
style: {height: '90px'}
//...这是节目
在过去的几个小时里，我一直在拉扯头发。您的Extjs人员如何做到这一点？请阐明这一点。感谢您的阅读
回答 1
Stack Overflow用户
发布于 2011-08-25 00:30:11
您可以直接将样式添加到按钮
例如：
style:{height:'60px'}第二个想法是将您的css类声明为：
.telButton
{
height: 60px;
background-image: url(images/tel.png) !important;
}而不是--> button.telButton (不确定是否会有什么不同)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7177874
复制相关文章
相似问题
腾讯云开发者
