div模仿textarea输入文字属性

原创 kpengfang 随笔 css 171阅读 2017-11-16 16:20:40 举报

最近做一个项目,遇到一个div块级元素需要输入文字,一般输入文字的都是input、textarea类似的form表单标签才可以,这次发现一个属性即可;
contenteditable="true"
下面的代码是一个demo
html:
<div class="edit_area" contenteditable="true" style="overflow-y: auto; overflow-x: hidden;">
</div>
css:
.edit_area {
padding: 14px 20px;
outline: 0;
word-wrap: break-word;
word-break: break-all;
border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
background-color: #fff;
height: 188px;
}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复