Jquery ui css framework_jquery

The two core css files in Jquery ui are ui.core.css and ui.theme.css. These two css styles run through the entire interface based on jquery ui, and you can generate your own styles through jquery ui ThemeRoller.

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

.ui-helper-hidden-accessible: Set the absolute position of the element to invisible

. ui-helper-clearfix: Suitable for floating attributes of parent elements

. ui-helper-zfix: Suitable for fixing the problem of iframe element coverage

.ui-state-default: Element's Default style

.ui-state-hover: The style when the element is in the hover state

.ui-state-focus: The style when the element is in the focus state

.ui-state -active: Styles where the element is in the active state (generally selected by the mouse)

.ui-state-hightlight: Styles that require a highlighted state

.ui-state-error: Element is error The style of state (generally describing error information)

.ui-state-error-text: The style of describing error text

.ui-state-disabled: The style of element being disabled

.ui-priority-primary: Applied to the first-level button, if the button needs to be distinguished from Zengji. Bold fonts will be applied

.ui-priority-secondary: applied to buttons at the second level. Corresponding to the previous scenario, a normal thickness font will be applied and will be slightly transparent relative to the element.

Icon types: The css framework provides a set of default icons. These icons are suitable for most scenarios. The generally used method is "ui-icon ui-icon-****" to specify the icon

.ui-corner-tl: Rounded upper left corner, based on css3, not supported by IE

.ui-corner-tr: Rounded upper right corner, based on css3, not supported by IE

.ui-corner-bl: The lower left corner is rounded, based on css3, IE does not support

.ui-corner-br: The lower right corner is rounded, based on css3, IE does not support

. ui-corner-top: The top two corners are rounded, based on css3, IE does not support

. ui-corner-bottom: The bottom two corners are rounded, based on css3, IE does not support

.ui-corner-right: The two right corners are rounded, based on css3, and ie does not support it

.ui-corner-left: The two left corners are rounded, based on css3, and ie does not support it

.ui-corner-all: All corners are rounded, based on css3, ie does not support

.ui-widget-overlay: Mask

.ui-widget-shadow :Shadow

When writing jquery ui widget, you can make a custom ui compatible with jquery ui theme by appropriately using these css.