Question

我有一个嵌入div内的textarea。为什么textarea是一种低利润率。我该如何删除它？

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：

即可

display: inherit;

<强> 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

Answer 2

使用以下CSS代码：

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

.message_content textarea {
    display: inherit;
    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 3

在.message_content textarea display:block;

中添加代码

Answer 4

尝试这种方式：

将height提交至.message_content，将100%提交至textarea。

请在此处查看DEMO。

无法删除textarea margin-bottom

4 个答案: