CSS 사용자 정의 JQuery UI 대화 상자

Question

JQuery UI 대화 상자 주위에 2 픽셀 테두리를 추가해야합니다.

아무에게도 도움을 줄 수 없습니까?

감사

Answer 1

변경 .ui-widget-content에 대한 CSS 규칙 :

이

.ui-widget-content { 
    border: 2px solid #DDD; 
} 

이 작업을 수행 할 수있는 최소 관입 방법 (사이트의 스타일 시트에 해당 규칙을 추가하는 것입니다 예를 들어, JQuery와 UI의 CSS 파일을 변경하지 마십시오), jQuery UI CSS 파일이 첫 번째로로드되었는지 확인하십시오.. 'JQuery와 - ui.css'대화 스타일에 테두리를 추가에서

Answer 2

:

.ui-dialog { 
    position: relative; 
    padding: .2em; 
    width: 300px; 
    border: 2px solid white; 
} 

Answer 3

은 다른 위젯 유형을 대화 상자 주위에 테두리를 넣어 있지만하려면 다음을 수행하십시오

.ui-widget-content.ui-dialog 
{ 
    border: 2px solid #DDD; 
}