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

Posted 2023-02-22

【中文标题】在 Extjs 4 中更改按钮字体大小

【英文标题】：change button font size in 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改变样式？

【参考方案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 类