방법 - 콘텐츠 편집 가능한 테두리 제거
편집 가능한 요소에서 테두리를 제거하는 방법을 알아보세요.
콘텐츠 편집 가능한 테두리 제거
기본적으로 로 contenteditable
설정된 요소 내부에 작성할 때 true
해당 요소는 포커스 주위에 테두리를 얻습니다. 그러나 CSS를 사용하여 테두리를 제거할 수 있습니다.
1단계) HTML 추가:
예시
<p contenteditable="true">This is an editable paragraph.</p>
2단계) CSS 추가:
선택기를 사용하여 편집 가능한 모든 요소를 선택하고 속성 으로 테두리를 제거합니다 .[attribute]
outline
예시
[contenteditable] {
outline: 0px solid transparent;
}
팁: HTML contenteditable 속성 참조 로 이동 하여 전역 contenteditable 속성에 대해 자세히 알아보세요.
팁: CSS [ 속성 ] 선택기 로 이동하여 [ 속성 ] 선택기 에 대해 자세히 알아보세요 .