div设置contenteditable=“true“实现 placeholder效果

div 设置了 contenteditable = “true” 这个块状元素就可以编辑了, 那么实现 placeholder 如何做呢？

<div contenteditable="true"  placeholder="please write infomation"></div>

可以设置样式：

.underline_input[contenteditable='true']:empty::before,
.underline_input.is-disabled:empty::before {
  content: attr(placeholder);
  color: #a9a9a9;
}

这样就可以实现了，如上图我在disabled的时候也需要展示，所以多加了一条。