div 可编辑 及placeholder设置 并且可以去掉 默认边框

<div contenteditable="true" class="ipt" placeholder="输入个人介绍,最多输入200个字"></div>

样式:

/*为空时显示 element attribute content*/
.ipt:empty:before{
  content: attr(placeholder); /* element attribute*/
  /*content: 'this is content';*/
  color:#ddd;
}
/*焦点时内容为空*/
.ipt:focus:before{
  content:none;
}
.ipt:focus{
  border: none;outline:none;
}

原文地址:https://www.cnblogs.com/vsmart/p/6400770.html