[英]CSS Styles not applying to ExtJS Button
我已經將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;
}
按鈕的背景是使用td
的background-image
設置的。 這應該工作( 這是演示 ):
JS :
var button = new Ext.Button({
text: month,
cls: "test",
// ...
});
CSS :
.test td {
background-position: 1000px 1000px;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.