The two core CSS files in the jquery UI are Ui.core.css and ui.theme.css. These two CSS styles run through the entire jquery UI interface and can generate their own styles through the jquery UI Themeroller.
. Ui-helper-hidden: Apply Display:none to elements
. ui-helper-hidden-accessible: Sets the absolute position of an element to be invisible
. Ui-helper-clearfix: Properties that apply to floating wrapped parent elements
. Ui-helper-zfix: Suitable for repairing the problem of IFRAME element coverage
. Ui-state-default: Default style for elements
. Ui-state-hover: A style with an element of hover state
. Ui-state-focus: The style of the element as the focus state
. ui-state-active: The style of the element for active state (typically mouse selected)
. ui-state-hightlight: Styles that require a highlighted state
. Ui-state-error: element is a style of error state (general description error message)
. Ui-state-error-text: Style that describes the error text
. ui-state-disabled: The style that the element is disabled
. Ui-priority-primary: A button that is applied to the first level, if the button needs to be distinguished from the previous note. Apply Bold font
. Ui-priority-secondary: A button that is applied to the second level, and corresponds to the previous scene, will apply a font of general thickness and is slightly transparent relative to the element
The icon TYPES:CSS Framework provides a set of default icons that apply to most scenarios and are generally used in the form of "Ui-icon ui-icon-****" to specify icon
. UI-CORNER-TL: Rounded corners on the upper left corner, based on Css3,ie not supported
. UI-CORNER-TR: Rounded corners on upper right corner, Css3,ie not supported
. UI-CORNER-BL: Rounded corners in the lower left corner, based on Css3,ie not supported
. UI-CORNER-BR: Rounded corners of the lower right corner, based on Css3,ie not supported
. Ui-corner-top: Top two corner fillet, based on Css3,ie not supported
. Ui-corner-bottom: Bottom two corner fillet, based on Css3,ie not supported
. Ui-corner-right: Right two corner fillet, based on Css3,ie not supported
. Ui-corner-left: Left two corner fillet, based on Css3,ie not supported
. Ui-corner-all: Rounded corners, based on Css3,ie not supported
. Ui-widget-overlay: Masks
. Ui-widget-shadow: Shadows
When writing the jquery UI widget, you can use these CSS to make a custom UI that is compatible with the jquery UI theme.
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.
