Ext6按钮设置背景色,在谷歌火狐浏览器背景色正常显示,ie8不显示背景色
代码如下:
Ext.onReady(function(){
var loginForm = Ext.create('Ext.form.Panel',{
id:'loginForm',
frame:false,
border:false,
bodyPadding:'20 20',
cls:'czb-login',
autoComplete:true,
header:false,
width:400,
standardSubmit:true,
layout:{
type:'vbox',
align:'strech'
},
items:[
.....
{
xtype:'button',
scale:'large',
iconAlign:'right',
text:'登陆',
style:'background-color:#FF0000;',
buttonAlign:'center'
}]
});
var win = Ext.create('Ext,container.Viewport',{
html:'<img src="resources/image/img.jpg" width="100%" height="100%">',
resizable:false,
autoShow:true,
titleAlign:'center',
maximized:true,
modal:true,
layout:{
type:'vbox',
align:'center',
pack:'center'
},
items:[loginForm]
});
win.show();
})
按钮放在一个panel中,然后panel放在一个viewport中显示,在ie8浏览器按钮背景色不显示,在谷歌火狐显示红色,以前没做过前端,所以不懂什么原因,网上查到的试过没起作用,各位路过的大神帮忙看看。