2010-09-07 4 views
37

저는 Mac OS를 사용하고 있으므로이 효과가 Windows 컴퓨터에 표시되는지 여부를 알 수 없으므로이 효과가 표시되지 않는 경우 사과드립니다.HTML/CSS의 입력란에 파란색 초점 사각형을 제거 하시겠습니까?

입력시 TextField는 파란 사각형으로, 파이어 폭스와 Mac에서는 Macromedia에서만 사용됩니다. 사이트에 사용자 지정 포커스 효과가 있으며이 기본 선택 동작 표시를 피할 수 있는지 궁금합니다. Google은 자신의 사이트에서이를 피합니다. 나는 Google의 입력 상자에 '효과가있는'CSS 스타일을 가져다가 내 CSS 객체에 적용했습니다. 그러나 여전히 파란색 사각형이 표시됩니다. 나는 어떤 종류의 부두교 구글이하고 있는지 정확히 알지 못한다.하지만 HTML이나 CSS 속성이 아닌 것으로 보인다. 누구든지이 효과를 피하는 방법을 알고 있습니까? 감사!

답변

99

실제로 CSS 속성입니다. 이것은 그 빛나는 효과를 숨길 것입니다 :

input:focus, textarea:focus { 
    outline: none; 
} 
+0

나는 이것을 전에도 사용 해왔다. Doh. 고마워요. (훌륭하게 작동합니다.) – Kyle

+11

이것은 브라우저 유용성 기능입니다. 사용자, 특히 키보드 중심 사용자는 입력하기 전에 포커스가있는 위치를 알고 있어야합니다. 이 동작을 제거하면 사용자에게 포커스를 표시하는 다른 방법을 제공하는 것이 좋습니다. – Doug

+0

더그 (Doug)가 말한 것에 덧붙이 자면, 이것은 사용 편의성 기능이 아니라 접근성 기능입니다. http://developer.chrome.com/extensions/a11y.html#keyboard를 참조하십시오. OSX에서 윤곽선이 너무 대담하다는 점이 다소 귀찮습니다. –

관련 문제