Jquery UI css framework

Source: Internet
Author: User
Jquery UI css framework is a style framework in jquery UI. You can use jquery theme roeller to generate the desired CSS style effect. We can use some jquery UI frameworks to develop plug-ins Based on jquery UI css framework effects. --

Jquery UI has two core CSS files: ui.core.css and ui.theme.css. These two CSS styles run through the jquery UI-based interface and can generate their own styles through jquery UI themeroller.

 

. UI-helper-hidden: Apply display: none to the element.

. UI-helper-hidden-accessible: sets the absolute position of the element to invisible.

. UI-helper-Clearfix: Applicable to attributes of floating wrap parent Element

. UI-helper-zfix: applicable to fixed IFRAME element overwrite issues

. UI-state-Default: Default style of the element

. UI-state-Hover: Specifies the hover state of the element.

. UI-state-focus: Specifies the style in which the element is in the focus state.

. UI-state-active: the style in which the element is active (usually selected with the mouse)

. UI-state-hightlight: The style to be highlighted

. UI-state-error: the element is in the error state (generally an error message is described ).

. UI-state-error-text: Specifies the style of the error text.

. UI-state-Disabled: Disabled style of the element

. UI-priority-Primary: the button that is applied to the first level. If the button needs to be distinguished. Bold font of the application

. UI-priority-Secondary: the button is applied to the second-level button. It corresponds to the previous scenario and applies the font of General width and is light transparent to the element.

Icon types: css framework provides a set of default icons. These icons are suitable for most scenarios. Generally, you can use "UI-Icon UI-icon-***" to specify the icon

. UI-corner-Tl: corner in the upper left corner, based on css3, not supported by IE

. UI-corner-TR: corner in the upper right corner, based on css3, not supported by IE

. UI-corner-Bl: corner in the lower left corner. It is based on css3 and is not supported by IE.

. UI-corner-Br: corner in the lower right corner, based on css3, not supported by IE

. UI-corner-top: the two corner corners above, based on css3, not supported by IE

. UI-corner-bottom: two bottom corner corners, based on css3, not supported by IE

. UI-corner-Right: Two right corner corners. Based on css3, ie does not support

. UI-corner-left: Two rounded corners on the left. Based on css3, ie does not support

. UI-corner-ALL: All corner corners, based on css3, not supported by IE

. UI-widget-overlay: mask

. UI-widget-Shadow: Shadow

When writing jquery UI widgets, you can use these CSS to make custom UIS compatible with jquery UI theme.

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.