개요 오프셋 개요 스타일이 자동

Question

내가의 라인에 초점을 맞춘 요소에 스타일을 적용하고있을 때 크롬/윈도우에 적용되지 않습니다

.<class-name>:focus { 
    outline: 4px auto #068065 !important; 
    outline-offset: 2px !important; 
} 

(이것은 크롬의 일부입니다 확장 코드이므로 교차 브라우저 일 필요는 없습니다.)

윤곽선 스타일이 "자동"인 경우 Chrome/Windows에 윤곽 보정이 적용되지 않는 것이 문제입니다. Chrome/Mac에서는 정상적으로 작동합니다.

윤곽선 스타일을 "자동"에서 "단색"으로 변경하면 윤곽선 간격 띄우기가 올바르게 작동합니다.

"자동"스타일과 외곽선 오프셋을 모두 사용하고 싶습니다. 어떤 생각이나 제안?

Answer 1

편집 :

는 제가 수정을 발견 같아요.

윤곽을 적용한 요소에 display: inline-block을 추가하십시오. 당신은 outline-*에 대한 속기를 사용하는

---

그이이 같은 모든 outline- 기능을 사용할 필요가 작동하지 않습니다 작동합니다 :

outline-color: #068065; 
outline-style: auto; 
outline-offset: 2px !important; 
outline-width: 4px; 

는 희망이 도움이!