Firefox의 버튼에서 점선 초점 윤곽선을 제거하는 방법은 무엇입니까?

링크 너머의 요소에 대해 Firefox에서 점선 초점 윤곽선 제거

Firefox의 링크에서 보기 흉한 점선 초점 윤곽선을 제거하는 것은 CSS를 사용하여 간단합니다. 속성 a:focus { 개요: 없음; }, 동일한 기술을 요소는 효과가 없는 경우가 많습니다.

해결책: Mozilla 전용 의사 요소 활용

Firefox 버튼의 점선 윤곽선을 없애려면 브라우저를 사용해야 합니다. -특정 의사 요소::-moz-focus-inner. 이 요소를 사용하면 버튼 범위 내에 나타나는 포커스 링을 정확하게 타겟팅할 수 있습니다. 테두리 속성을 0으로 설정하면 윤곽선을 효과적으로 숨길 수 있습니다.

이를 달성하기 위한 CSS 코드는 다음과 같습니다.

button::-moz-focus-inner {
  border: 0;
}

로그인 후 복사

이 코드가 있는 상태에서 버튼을 클릭하면 Firefox에서는 더 이상 점선 윤곽선 표시가 발생하지 않아 미학적으로 더욱 즐겁고 일관된 사용자 경험을 제공합니다.

위 내용은 Firefox의 버튼에서 점선 초점 윤곽선을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!