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

【问题标题】：change button font size in Extjs 4在 Extjs 4 中更改按钮字体大小
【发布时间】：2011-11-16 20:09:15
【问题描述】：

对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 中的字体大小

【问题讨论】：

有没有办法通过javascript改变样式？

标签： javascript extjs javascript-framework

【解决方案1】：

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

这在 extjs 4.0.2 中适用于我

【讨论】：

你能分享你的例子吗？这段代码正在运行，以及它在哪个 Extjs 版本中运行
你用的是什么 extjs 版本？
有没有办法通过javascript改变样式？

【解决方案2】：

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

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

您必须按如下方式设置 css：

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

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

【讨论】：