JQuery와 UI 탭의 크기가

Question

내가 JQuery와 UI의 탭 크기에 문제가, 그들은 내가 조금에게 CSS를 변경하지만, 그것을 해결하기 위해 PROPPER 아이디/클래스를 찾을 수 없습니다 .. 거대 .. :(

alt text http://clip2net.com/clip/m11962/1254678300-clip-6kb.png

변경 크기 끄트머리 탭 안의 텍스트 : 항상 S , 변화에 감사드립니다 감사

Answer 1

텍스트 크기는 기본적으로 .ui-도우미 리셋에 정의되어 있지만,이 오버라이드 (override) 할 수 있습니다! 의심스러운 경우 Firebug를 실행하고 Inspect 버튼을 사용하여 t에 대한 CSS 정의를 찾습니다. 그는 문제의 요소입니다. 이 문제를 해결합니다

Answer 2

은 내가 font-size 속성을 포함하도록 .ui-tabs JQuery와 UI 테마 클래스를 수정 body {font-size:62.5%;}

Answer 3

사용합니다.

Answer 4

그냥 당신은 당신의 요구 사항을 충족하기 위해 위의 속성을 재정의 할 수 li a { padding:0.5em 1em;} 에 대한 기본 패딩 속성으로, li a 요소

즉 패딩 속성을 변경하십시오.

Answer 5

여기에 몇 가지 좋은 아이디어가 있습니다

Beethoven's Piano Concerto No. 1 in C, Op. 15 - 3. Rondo. Allegro scherzando을 들으면서 글 :

.my-tabs .ui-tabs-nav li { font-size: 10pt; } 

이 그런 다음 탭의에서이 클래스를 사용 : 기본적으로 http://keith-wood.name/uiTabs.html

는이 같은 CSS 클래스를 생성 .

Answer 6

난 내가 ..

.ui-탭 .ui-탭 - 탐색 리 {당신을 위해 유용이 정보를 찾아 거기에서

..이 질문은 reducing the height of jquery ui tabs의 질문에 유사한 희망 높이 : 25px; 글꼴 크기 : 12px; }