[javascript] 포커스가있는 콘텐츠 편집 가능 사전 주변의 테두리를 제거하려면 어떻게합니까?

Program / 글쓴이

pre 요소를 contenteditable로 설정하고 편집을 위해 포커스를두면 그 주위에별로 좋지 않은 점선 테두리가 나타납니다. 초점이 다른 곳에있을 때 테두리가 없습니다.
그 테두리를 어떻게 제거합니까?

감사

답변

outline속성 을로 설정합니다 0px solid transparent;. :focus상태에 대해서도 설정해야 할 수 있습니다 . 예를 들면 다음과 같습니다.

[contenteditable]:focus {
    outline: 0px solid transparent;
}

답변

:read-write편집 가능한 스타일 요소에 의사 클래스를 추가 할 수도 있습니다 .

예를 들어 ( jsFiddle ) :

.element:read-write:focus {
     outline: none;
}

여기 codrops에 대해 자세히 알아보십시오 .

:read-write의사 클래스 선택기 크롬, 사파리, 오페라 14+,와 iOS에서 지원됩니다. -moz-Firefox 의 접두사 형식으로 지원 :-moz-read-write됩니다. :read-write선택 Internet Explorer에서 안드로이드에서 지원되지 않습니다.

답변