pre 요소를 contenteditable로 설정하고 편집을 위해 포커스를두면 그 주위에별로 좋지 않은 점선 테두리가 나타납니다. 초점이 다른 곳에있을 때 테두리가 없습니다.
그 테두리를 어떻게 제거합니까?
감사
pre 요소를 contenteditable로 설정하고 편집을 위해 포커스를두면 그 주위에별로 좋지 않은 점선 테두리가 나타납니다. 초점이 다른 곳에있을 때 테두리가 없습니다.
그 테두리를 어떻게 제거합니까?
감사
답변:
outline속성 을로 설정합니다 0px solid transparent;. :focus상태에 대해서도 설정해야 할 수 있습니다 . 예를 들면 다음과 같습니다.
[contenteditable]:focus {
outline: 0px solid transparent;
}[contenteditable]:focus { outline: 0px solid transparent; }
outline: none
:read-write편집 가능한 스타일 요소에 의사 클래스를 추가 할 수도 있습니다 .
예를 들어 ( jsFiddle ) :
.element:read-write:focus {
outline: none;
}여기 codrops에 대해 자세히 알아보십시오 .
:read-write의사 클래스 선택기 크롬, 사파리, 오페라 14+,와 iOS에서 지원됩니다.-moz-Firefox 의 접두사 형식으로 지원:-moz-read-write됩니다.:read-write선택 Internet Explorer에서 안드로이드에서 지원되지 않습니다.
.element:focus?
[contenteditable]:focus있습니까?
outlineIE7 이하에서는 작동하지 않습니다. 이러한 브라우저hideFocus에서 요소 의 속성을true, 즉$('#myEl').get().hideFocus = true;