나머지 탭 채색

나머지 탭 영역에서 노란색으로 채색하고 싶습니다. 이 jsfiddle에서는 탭 상단과 본문 만 노란색으로 표시됩니다. 당신의 바이올린에서 CSS를 사용나머지 탭 채색

는

<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 
<div id="tabs-1">

출처

2013-10-29 Neil Porven

파란색 탭을 모두 노란색으로 만들고 싶습니까? 우선, 이것은 사소한 것처럼 보입니다. 지금까지 뭐 해봤 어? 무슨 문제 있니? 둘째, 원하는 출력이 무엇인지 명확하게 설명하십시오. –

당신에게 적합한 것을 받으면 대답을 선택하는 것을 잊지 마십시오. – Kehlan

body { 
    font-size: 0.8em; 
} 
/* 
* Custom styles for the inactive tabs 
*/ 
.ui-tabs-nav li.ui-state-default a { 
    background-color: blue; 
    color: yellow; 
} 
/* 
* Custom styles for the active tab 
*/ 
.ui-tabs-nav li.ui-state-active a { 
    background-color: yellow; 
    color: black; 
} 
p, #tabs-1, #tabs-2, #tabs-3 { 
    background-color: yellow; 
}

나는 당신의 탭의 <div>들 ID를 추가하고 트릭을했다.

fiddle

편집

, 당신은 그렇다하더라도 대신 CSS에 각 개별 ID를 추가하는 당신의 탭으로 <div>들 클래스를 추가 할 수 있습니다 조금 더 본격적으로 단지 클래스 이름을 추가하십시오.

출처

2013-10-29 20:56:54 Kehlan

나머지 탭 채색

답변

관련 문제