JQueryUI Dialog Title의 색상을 변경하는 방법은 무엇입니까?

Question

JQueryUI 대화 상자의 배경색을 변경하고 싶습니다. 나는 그것을 바꾸기 위해 다음과 같은 스타일을 사용했다. 하지만 문제는 그것도 효과, DatePicker 대화 제목입니다. 나는 오직 Dialog title이 DatePicker title이 아닌 것을 변경하고 싶습니다. Dialog 타일 색상 만 변경하는 방법을 알려주십시오. 감사.

.ui-widget-header 
{ 
    background-color: #F9A7AE; 
    background-image: none; 
    color: Black; 
} 

Answer 1

당신은 titlebar 직접 대화 플러그인을 타겟팅 할 수 있습니다합니다 대화 상자 제목으로 다음과 같은 출력 HTML과 유사한

<div class="ui-dialog-titlebar ui-widget-header"> 
    <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span> 
</div> 

(다이얼로그 페이지에서 촬영, here)

.ui-dialog-titlebar { 
    background-color: #F9A7AE; 
    background-image: none; 
    color: #000; 
} 

또는 대화 상자에 클래스를 전달할 수 있습니다.

$('#foo').dialog({dialogClass: 'myClass'}); 

See here