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

Share Improve this question asked Sep 14, 2011 at 8:53 jayeshjayesh 2,4927 gold badges44 silver badges80 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

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