JQuery UI에서 하나의 탭을 오른쪽에 정렬하십시오.

Question

양식의 다른 섹션을 나타내는 일련의 탭이 모두 왼쪽에 정렬되어 있습니다. 사용자가 모든 섹션을 채우면 전체 양식을 검토 할 수 있기를 바랍니다.

다른 부분의 섹션을 나누기 위해 jQuery UI 탭을 사용하고 있습니다. 사용자는 원하는만큼 자주 섹션을 전환 할 수 있습니다.

• 섹션 탭 헤더
• 인쇄 개요 탭 헤더가 오른쪽에 정렬되어야합니다 ((이의 jQuery UI의 기본입니다) 왼쪽으로 정렬되어야합니다 :

  나는 이제 다음 원하는 아마도 다른 스타일을 가지고있을 것입니다.

그래서 질문 : jQuery UI에서 개별 탭의 스타일을 어떻게 바꿀 수 있습니까?

Answer 1

당신이 바로 정렬 원하는 탭에 id 또는 class 특성을 설정할 수 있어야합니다, 당신은 그 ID 또는 클래스에 대한 CSS를 설정할 수 있습니다, 당신은 사용자 정의 스타일링 후 !important를 사용해야 할 수 있도록 jqueryui 스타일 시트 설정

http://jsfiddle.net/4Xmkf/1/

으로 무시됩니다 여기에

Answer 2

저는 CSS로 이것을 할 수 있다고 생각합니다. <ul>에서 탭을 만들면 마지막으로 <li> (개요 하나)에 수업을 추가하고 CSS를 사용하여 오른쪽으로 옮깁니다.

당신은 당신이 원하는 다른 스타일링을하기 위해 그 클래스를 사용할 수 있어야합니다.

희망이 도움이됩니다.