Div에 placeholder 구현하기

div에 placeholder같이 내용이 없는경우에만 가상선택자가 나오도록하는 방법입니다

Html

<div contentEditable='true' placeholder='내용을 넣어보세요.'></div>

Css

[contenteditable="true"]:empty:before {
   content: attr(placeholder);
}