Jquery UI CSS Framework_jquery

Jquery ui의 두 가지 핵심 CSS 파일은 ui.core.css와 ui.theme.css입니다. 이 두 CSS 스타일은 jquery ui를 기반으로 하는 전체 인터페이스에서 실행되며 jquery ui ThemeRoller를 통해 자신만의 스타일을 생성할 수 있습니다.

.ui-helper-hidden: 요소에 display:none 적용

.ui-helper-hidden-accessible: 요소의 절대 위치를 숨김으로 설정

. ui-helper-clearfix: 상위 요소

의 부동 속성에 적합합니다. ui-helper-zfix: iframe 요소 적용 범위 문제를 해결하는 데 적합합니다.

.ui-state-default: 요소의 기본 스타일

.ui-state-hover: 요소가 hover 상태일 때의 스타일

.ui-state-focus: 요소가 포커스 상태일 때의 스타일

.ui-state -active: 요소가 활성 상태인 스타일(일반적으로 마우스로 선택됨)

.ui-state-hightlight: 강조 표시된 상태가 필요한 스타일

.ui-state-error: 요소가 오류입니다. 상태 스타일(일반적으로 오류 정보를 설명)

.ui-state-error-text: 오류 텍스트를 설명하는 스타일

입니다. ui-state-disabled: 비활성화되는 요소의 스타일

.ui-priority-primary: Zengji와 구별이 필요한 경우 첫 번째 수준 버튼에 적용됩니다. 굵은 글꼴이 적용됩니다.

.ui-priority-secondary: 두 번째 수준의 버튼에 적용됩니다. 이전 시나리오에 따라 일반 두께 글꼴이 적용되고 요소에 비해 약간 투명해집니다. 🎜>
아이콘 유형: CSS 프레임워크는 기본 아이콘 세트를 제공합니다. 이러한 아이콘은 대부분의 시나리오에 적합합니다. 일반적으로 사용되는 방법은 아이콘
.ui-corner-tl: 둥근 왼쪽 상단 모서리, css3 기반, IE에서 지원되지 않음

.ui-corner-tr: 둥근 상단 오른쪽 모서리, css3 기반, IE에서 지원되지 않음

.ui-corner-bl: 왼쪽 하단 모서리가 둥글게 처리되어 있으며, css3 기반, IE는 지원하지 않습니다.

.ui-corner-br: 오른쪽 하단 모서리가 둥글게 처리되어 있습니다. css3, IE는

을 지원하지 않습니다. ui-corner-top: 위쪽 두 모서리는 css3를 기반으로 둥글게 처리되어 있으며, IE는

을 지원하지 않습니다. 모서리는 둥글며 CSS3 기반이며 IE는

.ui-corner-right: 오른쪽 두 모서리가 둥글며 CSS3 기반이며 IE는 지원하지 않습니다

.ui -corner-left: 두 개의 왼쪽 모서리가 둥글며, CSS3 기반이며, 즉 지원하지 않습니다

.ui-corner-all: 모든 모서리가 둥글며, CSS3 기반, 즉 지원하지 않습니다

.ui-widget-overlay: 마스크

.ui-widget-shadow :Shadow

jquery ui 위젯 작성 시 다음과 같이 jquery ui 테마와 호환되는 맞춤 ui를 만들 수 있습니다. 이 CSS를 적절하게 사용하십시오.