노란색 테두리를 제거하는 방법은 Chrome 및 Safari의 텍스트 상자에 있습니다.

Question

나는 html 페이지가 있습니다. 크롬 또는 Safari에서 페이지를 가져 오는 동안 텍스트 상자 주위에 노란색 테두리가 있습니다.

은 국경을 제거하기 위해, 나는

<style type="text/css"> 
    input{ 
    outline:none; 
} 
</style> 

을 추가 한 그리고 테두리왔다.

하지만 Mac 컴퓨터 (Chrome & Safari)에서 페이지를 가져 오는 동안. 여전히 거기에 있습니다. 누구나 Mac에서 문제를 해결할 방법이 있습니까?

Answer 1

:focus { 
    outline: 0; 
    outline-color: transparent; 
    outline-style: none; 
} 

Answer 2

당신도 어떤 색으로 설정하지 시도 할 수 있습니다 : 당신은 부트 스트랩의 CSS를 사용하는 경우

.foo:active, .foo:focus { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 

Answer 3

, 그것은 가능성이 범인입니다. 여기에서 문제를 찾으십시오 :

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { 
    outline: thin dotted #333; 
    outline: 5px auto -webkit-focus-ring-color; 
    outline-offset: -2px; 
} 

bootstap.css를 편집 할 수 없다면, 매력처럼 작동합니다.

select:focus, input:focus, textarea:focus { 
    outline: 0; 
    outline-color: transparent; 
    outline-style: none; 
}