ExtJs default font size change methods (self-organized) _ extjs

Source: Internet
Author: User
This article lists several methods to collect data on the Internet. I hope it will be useful to you and make it compatible with browsers. If you are interested, refer to the following methods to collect data on the Internet, I hope it will be useful to you.
1,
You only need to replace all 11px in the ext-all.css Style File With 12px, which is a unified 12 PX font.
However, if you want to increase the size of the file, you should not only replace the 11px of the source file with 15px, but also replace the 12px related to the font with 15px.

After the change, the button appears with a margin. In the style file, add

The Code is as follows:


. Ext-ie. x-btn-text-icon. x-btn-center. x-btn-text {
Padding: 3px 0px 0px 0px;
}


Mao bian will disappear!
2,
Because the Extjs font sizes are different in different browsers or different versions of the same browser. And it looks small. Not pleasing to the eye.

Check it online to get a useful message: Extjs uses the 11px font in many cases, and the 11px size is an edge font.
IE rendering is similar to 12px, while Firefox is similar to 10px, resulting in the font in FF
Is too small.
To thoroughly solve the problem, open ext-all.css, search for all 11px and replace it with 12px. Solved
3,
Extjs version 3.2.1, font size Modification
I found a lot of information online.

The Code is as follows:


. X-btn-text {
Font-size: 15px;
}


This is fine, but it is still not useful in IE9 and FF.
Then try it in ext-all.css to find the setting.
Put the following code in other css to reference it:

The Code is as follows:


. X-btn-text-icon. x-btn-icon-small-left. x-btn-text {
Background-position: 0 center;/* default */
Background-repeat: no-repeat;/* default */
Padding-left: 18px;/* default */
Height: 16px;/* default */
Font-size: 15px;/* font size setting */
}

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.