CSS에서 기본 브라우저 개요를 사용하는 방법은 무엇입니까?

Question

입력란에 초점을 맞출 때 Chrome과 Safari는 CSS를 통해 제거 할 수있는 개요를 표시합니다 : outline: none;.

유용성을 높이기 위해이 외곽선을 다른 일부에 표시하고 싶습니다. 기본 브라우저 개요를 사용할 수 있습니까? 나는 사용자 정의를 표시하는 방법을 found 만 출력합니다.

Answer 1

기본 설정 인 브라우저 (Inspector, F12 또는 Firebug를 통해)마다 체크 아웃해야합니다. 예를 들어 Chrome에서는

:focus { 
    outline: 5px auto -webkit-focus-ring-color; 
}