我已将css样式添加到嵌套在面板中的按钮上。但是,即使我将!important标记放在css中,按钮也不会显示为透明。
我还尝试将addStyles / cls:标签添加到按钮对象,但这也没有用。
有谁知道为什么会这样?
按钮代码:
var button = new Ext.Button({
text: month,
//cls: "test",
handler: function(button){
var buttonMonth = button.text;
getGrids(buttonMonth);
}
});
//button.addClass("test");
panel.add(button);
CSS类:
.x-btn{
font:normal 11px tahoma, verdana, helvetica;
cursor:pointer;
white-space: nowrap;
}
.x-btn button {
border:0 none;
background:transparent !important;
font:normal 11px tahoma,verdana,helvetica;
padding-left:3px;
padding-right:3px;
cursor:pointer;
margin:0;
overflow:visible;
width:auto;
-moz-outline:0 none;
}
答案 0 :(得分:6)
使用background-image
中的td
设置按钮背景。这应该有效(here is demo):
的 JS 强>:
var button = new Ext.Button({
text: month,
cls: "test",
// ...
});
<强> CSS 强>:
.test td {
background-position: 1000px 1000px;
}