jquery UI 탭 사용자 정의

Question

jQuery UI의 탭 위젯을 사용하고 있습니다. 나는 API 문서

에 here을 언급하지만 일을 다음에도 불구하고 같은 ui-tabs-active 클래스를 사용하여 yellow에 활성 탭의 color을 변경하려면 :

<style type="text/css"> 
    .ui-tabs-active 
    { 
     background-color:yellow; 
    } 
</style> 

색상이 변경되지 않습니다. 여기에 시도 jsbin.com

Answer 1

당신은 당신의 CSS를 좀 더 직접해야합니다. 또한 당신은 UI를 CSS 파일에이

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
     background-image: none; 
     background-color:green; 
    } 

DEMO http://jsbin.com/iXur/25/edit

Answer 2

에서 코드입니다 :

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 
{ 
    background: green; 
} 

jsbin.com

Answer 3

변경 색상을있는 기본 이미지를 제거해야

열린 CSS 파일 검색에 대한

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;} 

변화

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; background-color:yellow;}