편집 가능한 요소에서 테두리를 제거하려면 코드는 다음과 같습니다. -
예시
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
p{
font-size: 40px;
}
[contenteditable] {
outline: 0px solid transparent;
}
</style>
</head>
<body>
<h1>Remove Contenteditable Border Example</h1>
<p contenteditable="true">This is a contenteditable paragraph which you can edit</p>
</body>
</html> 출력
위의 코드는 다음과 같은 출력을 생성합니다 -
단락을 클릭하면 아래 스크린샷과 같이 편집할 수 있습니다 -
