2013-05-02 4 views
0

어떤 스타일의 jQuery 탭을 제거하지만 하나가 활성화되면 나는이 추한 국경 얻을 : 당신으로합니다 (이미지 내가 탭을 클래스와 스타일을 제공하기 위해 노력했다나는 JQuery와 탭을 사용하고

Border

을 녹색 텍스트가 파란색 텍스트로 표시됨)하지만이를 제거하는 데는 도움이되지 않았습니다.

그러나 어떤 이유로 늘 그 파란색 테두리가 늘 당신의 CSS이 추가 멀리

+1

어떤 브라우저를 사용하고 있습니까? – naththedeveloper

+0

@FDL 크롬 .... – DiederikEEn

+0

멍청한 크롬 않습니다 – blackhawk

답변

2

한번에 갈 뿐이다

$(function() { 
    $("#more").tabs(); 
}); 
<div id="more"> 
     <ul id="cats"> 
     <li><a href="#alles">All</a></li> 
     <li><a href="#web">Websites</a></li> 
     <li><a href="#apps">Apps</a></li> 
     </ul> 
</div> 

가 난 아무것도 스타일을 지정할 수 있습니다 도움이됩니다. 다른 사람으로

#more a 
{ 
    outline: none; 
} 

이 일부 사용자의 액세스에 영향을 언급 한,하지만 당신은, 예를 들어 ... 접근성을 유지 초점 글꼴 색상을 변경하려면 탭에 다른 스타일을 적용 할 수 있습니다

#more a:focus 
{ 
    color: #f00; 
} 
1

브라우저의 윤곽선이라고 생각합니다. 탭으로 outline:none;과 함께 CSS로 제거 할 수 있습니다.

외곽선은 '탭'이있는 사용자를 표시하므로 내게 필요한 옵션의 일부입니다. 따라서 마우스를 사용할 수없는 사용자는 자신이 어디에 있는지 알 수 없습니다.

+0

mhh 좋은 지적이지만, 나는 적극적인 클래스를 만들고 그 권리를 추가 할 수 있을까요? – DiederikEEn

0

녹색 배경 막대의 높이나 패딩을 늘리고 해당 녹색 색과 일치하도록 개요 색을 변경하면됩니다. 이 방법으로 접근성을 제거하지 않고도 깨끗한 모습을 얻을 수 있습니다.

관련 문제