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