Jquery UI css framework

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.