html - 无法删除文本区域边距底部

Question

我有一个嵌套在 div 中的文本区域。为什么文本区域有一种底边距。我怎样才能删除它？

js fiddle

HTML

<form id="form">


    <div class="message_content">
        <textarea name="content" type="text" autocomplete="off"></textarea>
    </div>

</form>

CSS

  .message_content {
 height:auto;
 overflow: auto;
 background: red;
 }

 .message_content textarea {
 font-size: 14px;
 color: grey;
 height: 200px;
 margin: 0;
 resize: none;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }

Answer 1

只需在您的 textarea 中添加:

显示:继承；

CSS

.message_content textarea {
font-size: 14px;
color: grey;
height: 200px;
margin: 0;
resize: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inherit; /*Add this*/
}

fiddle