在Extjs 4中更改按钮字体大小

时间:2011-09-14 08:53:55

标签: javascript extjs javascript-framework

对css执行以下更改但无法更改字体大小

set style 

font-size: 16px;

and also set css class 

.x-btn{
 font:normal 18px tahoma, verdana, helvetica;
}

.x-btn button{
    font:normal 18px arial,tahoma,verdana,helvetica;
    color:#333;
}

.x-btn em {
    font-style:normal;
    font-weight:normal;
}

帮我改变Extjs Button中的字体大小

2 个答案:

答案 0 :(得分:3)

.x-btn-default-small .x-btn-inner {
    font-size: 16px;
}

这适用于extjs 4.0.2

答案 1 :(得分:2)

这取决于按钮的配置。 例如,如果您声明了

{ xtype: 'button', textAlign: 'bottom', iconAlign: 'top' ... }

你必须设置css如下:

.x-btn-bottom .x-btn-inner {
    font-size: 9px;
    font-weight: bold
}

您必须在运行时检查按钮的css,例如使用firebug。你会看见 要覆盖的css类