jquery accordion에서 활성 개요를 제거하려면 어떻게합니까?

Jquery Accordion을 사용하고 있습니다. 활성 링크에는 개요가 있습니다. 내가 CSS를 사용하여 시도했다 :jquery accordion에서 활성 개요를 제거하려면 어떻게합니까?

#accordion a:focus 
{ outline: none; } 
#accordion a:active 
{outline: none; font-weight:bold;}

또한 이들의

#accordion a:-moz-any-link:focus 
{ outline: none; }

없음이 제대로 작동하지합니다. 누구나 활성 링크 주위에 점선으로 된 윤곽선을 제거하는 설정이나 다른 옵션을 조언 할 수 있습니까?

출처

2010-01-18 Ash

거기에 20 아코디언 플러그인처럼 거기에 링크를 제공 할 수 있습니까? – antpaw

추신 : 개요 : 접근성을 위해 일반적으로 아무 것도 좋은 생각이 아닙니다 : http://outlinenone.com/ – gentimouton

jQuery UI 요소에 의해 적용된 스타일을 덮어 써야 할 때, 일반적으로 jQuery UI 스타일 시트 다음에로드 한 스타일 시트를 추가하고 동일한 선택기를 사용하여 내 스타일에 걸리는 스타일을 추가합니다 상위. 이 경우 아코디언 또는 위젯 상태와 연관된 스타일을 찾고 무시하십시오.

출처

2010-01-18 14:34:57 tvanfosson

jQueryUI의 Accordion 인 http://jqueryui.com/demos/accordion/을 사용하는 경우 이러한 유형의 윤곽선에 문제가 없어야합니다. 당신이 생각하는 경우, 당신은 할 수있는 다음

$(".ui-accordion-header a").click(function(){ 
    $(this).blur(); 
});

사실,이 방법은 대한 아코디언 플러그인 작동합니다 - 단지/확장 데이터를 붕괴에 책임이있는 링크를 대상으로 선택을 수정해야 패널.

출처

2010-01-18 14:38:39 Sampson

-1

잠시 동안 F5 키를 한 번 누르고 ... 생각보다 다른 파일을 편집하지 않았는지 확인하십시오.

출처

2010-01-18 15:47:54 RMC

SORTED :

가에 CSS를 수정 -

출처

2010-01-18 16:10:28 Ash

당신의 CSS 스타일 시트이 추가 UI 상태 초점을하고 흐림/포커스 아웃 처리됩니다 :

#accordion .ui-state-focus{ 
    outline: none; 
}

출처

2010-04-27 23:36:07 DraStudio

저는이 솔루션이 아코디언에 어떻게 특정한 지, 다른 jquery 스크립트에는 영향을 미치지 않습니다. +1 –

당신 위젯에 의해 적용되는 탭 요소의 클래스를 파악해야합니다. 난 단지 이런 일이 본

.ui-accordion-header {outline: none;}

출처

2010-05-04 16:05:50 jacobangel

: 예를 들어,

.ui-state-focus { outline: none; }

jQuery를 UI의 최신 버전에서 작동하지만, 1.6 등 이전 버전에, 당신은이를 사용할 필요가 거라고 지금까지 헤더 태그. 그것을 제거하려면, 코드를 추가

h1, h2, h3, h4{outline:none;}

출처

2011-11-02 17:24:37

jquery accordion에서 활성 개요를 제거하려면 어떻게합니까?

답변

관련 문제