접근성을 손상시키지 않고 Chrome 버튼에서 파란색 테두리를 제거하는 방법은 무엇입니까?

Chrome의 맞춤 스타일 버튼에서 파란색 테두리 제거

맞춤 설정 작업에서 <버튼> 태그를 사용하면 Chrome에서 클릭할 때 버튼 주위에 파란색 테두리가 나타날 수 있습니다. 버튼:활성 { 개요: 없음 } 및 버튼:초점 { 개요: 없음 } 실행 가능한 솔루션처럼 보일 수 있지만 문제를 제거하는 데는 실패합니다.

권장 접근 방식:

포커스나 개요 스타일을 제거하면 웹사이트 접근성이 저하되므로 사용하지 않는 것이 좋습니다. 자세한 내용은 이 토론을 참조하세요.

대체 접근 방식(권장하지 않음):

필요하다고 판단되는 경우 이 CSS 코드는 파란색 테두리를 효과적으로 제거할 수 있습니다.

button:focus { outline:0; }

이 JSFiddle에서 실제 예제를 찾을 수 있습니다. http://jsfiddle.net/u4pXu/

위 내용은 접근성을 손상시키지 않고 Chrome 버튼에서 파란색 테두리를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!