CSS 개요 모범 사례 후반의로

Question

는, 다음을 수행의 실천을 통해 훌륭한 기사 (소란)이 있었다 :

a, input, textarea, button { 
    outline: none; 
} 

대부분 이러한 접근성 문제와 관련된 것으로 보인다.

위의 코드와 같이이 기능을 모두 제거하는 것은 아닙니다 ... 그러나이 기능은 내 원래 디자인을 엉망으로 만들어 원치 않는 부분 (erm, 윤곽선?)을 원치 않는 영역에 추가합니다.

이 주된 문제점은 이러한 윤곽선이 그대로 잘못 명명 되었기 때문에 윤곽선이 아닌 요소 주위의 직사각형 영역을 윤곽으로 나타냅니다 (예 : 테두리 반경 등 무시).

예를 들어 보겠습니다.

http://jsfiddle.net/x5Mex/

이에 대한 유일한 해결책은 위의 코드 실행이 내 자신의 시스템을 사용하는 것이다. 어쨌든 우리는 항상 웹 브라우저에서했던 것처럼 ...

Answer 1

실제로. 외곽선은 경계 바깥 쪽의 사각형 영역 주위에 있습니다. 그것은 둥근 모서리를 고려하지 않습니다.

윤곽을 해제 아무 문제가 없습니다

, 당신이, 예를 들어, 키보드를 사용하는 사람들을 위해 다른 접근성 기능을 추가 초점

Example

Answer 2

로에 배경 색상을 변경해야합니다 많은 폼 요소, 버튼 요소는 브라우저에서 다른 렌더링을 가지고 있으며, 많은 수정이 필요합니다 ...

http://fvsch.com/code/button-css/ F. Verschelde는 당신은 내용 전체가 아니라 전체 요소 주위에 버튼을 윤곽을 그립니다.