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-***" 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.