javascript - change button font size in Extjs 4 - Stack Overflow

admin管理员组

文章数量:1332999

do the following change for css but not able to change font size

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;
}

help me to change font size in Extjs Button

do the following change for css but not able to change font size

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;
}

help me to change font size in Extjs Button

• javascript
• extjs
• javascript-framework

Share Improve this question Follow asked Sep 14, 2011 at 8:53 jayeshjayesh 2,49277 gold badges4444 silver badges8080 bronze badges 1

• Is there any way to change the style through javascript? – CodZilla Commented Jan 13, 2017 at 11:02

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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

This works for me in extjs 4.0.2

It depends upon the button's configuration. For example if you declared

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

you will have to set css as follow:

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

You have to inspect css of your button at runtime for example using firebug. You will see css class to overwrite

本文标签： javascriptchange button font size in Extjs 4Stack Overflow