jQuery UI 대화 상자 제목 막대의 텍스트 색을 어떻게 설정합니까?

jQuery UI를 사용하는 다른 개발자로부터 프로젝트를 상속 받았습니다.jQuery UI 대화 상자 제목 막대의 텍스트 색을 어떻게 설정합니까?

jQuery UI 대화 상자와 jQuery UI datepickers가있는 페이지를 몇 개 추가했습니다.

jQuery UI 대화 상자 제목 표시 줄의 제목 텍스트는 제목 표시 줄의 색과 동일합니다. jQuery UI datepicker에서 사용자가 캘린더에서 달을 변경하기 위해 클릭하는 화살표는 그 배경과 같은 색입니다.

jQuery UI CSS의 어딘가에 설정되어 있다고 생각합니다. 누군가가 텍스트를 볼 수 있도록 조정을해야하는 CSS의 위치를 알려주실 수 있습니까?

내 .ui-위젯 섹션은 아래에 주어진다 나는 회색 배경에 회색 위젯과 텍스트를 받고 있어요 :

.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } 
.ui-widget .ui-widget { font-size: 1em; } 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } 
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } 
.ui-widget-content a { color: #222222/*{fcContent}*/; } 
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } 
.ui-widget-header a { color: #222222 /*{fcHeader}*/; }

UPDATE : 나는 아래의 대답 포인트를 수여했다. 위젯이 보이지 않는 이유는 jQuery UI 이미지 파일이 내가 작업하고있는 프로그램의 복사본에서 빠져 있다는 사실입니다.

출처

2010-12-14 Daniel Allen Langdon

내 내가 color: red에 color: #222222 변경이

.ui-widget-header { border: 1px solid #aaaaaa; 
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 
50% 50% repeat-x; color: #222222; font-weight: bold; }

모양과 대화 헤더에 텍스트 만 변경되었습니다.

출처

2010-12-14 20:57:40 Josh

ui-widget-header에서 # 222222를 Red로 변경해 보았습니다. "12 월"이라는 텍스트가 빨간색으로 변경되었지만 회색 배경에서 다른 달로 변경하는 단추는 여전히 보이지 않습니다. :/ –

흥미롭게도'ui-widget-header' 배경색을 파란색으로 변경하면 파란색 배경의 보이지 않는 파란색 도구로 바뀌지 만 마우스를 가져 가면 회색이됩니다! –

버튼과 호버 이벤트에는 서로 다른 스타일이 지정되어 있기 때문입니다. – Josh

jQuery UI Theme Roller은 jQuery에 대한 자신 만의 테마를 출시하는 데 도움이 될 수 있습니다. 이전 개발자가 jQuery를 사용했다면 그는 CSS를 만들기 위해 테마 롤러를 사용했을 가능성이 큽니다. 파일을 검색하여 jquery-ui-*.css과 같은 이름의 파일을 찾으십시오. 여기서 *는 버전 번호 (예 : 1.8.4)를 나타냅니다.

출처

2010-12-14 20:55:58 JasCav

jQuery UI 대화 상자 제목 막대의 텍스트 색을 어떻게 설정합니까?

답변

관련 문제