删除textarea的发光，边框，垂直/水平滚动

Question

我有一个textarea，我仍然觉得难以处理。我已经完成了它的所有装饰，但仍然有一些问题。 发光和边框不会消失，这很烦人。是form-control班吗？我把它取下来，差点昏倒。

1. 使用div获取用户数据而非textarea是否存在任何风险/兼容性问题？
2. 我如何让textarea看起来安静，柔软和灵活？没有边框，没有发光，没有垂直/水平卷轴，没有任何东西。只是一个简单的空白让我调整。

HMTL ：

<div class = 'comment_wrapper'>
    <textarea class="commment_content form-control" rows = '1' placeholder=""></textarea>
    <button class="post_cs btn btn-xs" name = "update" type="submit">Comment</button>
    <button class="post_cs btn btn-xs" name = "sms" type="submit">Cancel</button>
</div>

<div class = 'comment_wrapper'>
    <div class='commment_content' contentEditable = 'true'> 

    </div>
    <button class="post_cs btn btn-xs" name = "update" type="submit">Comment</button>
    <button class="post_cs btn btn-xs" name = "sms" type="submit">Cancel</button>
</div>

CSS ：

textarea{  #have tried class commment_content
    border: none;
    overflow: auto;
    outline: 0; #have tried none
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

我需要将div置于家中才能将contentEditable设置为True。

Answer 1

您需要覆盖.form-control

的引导样式

将您的CSS更改为：

textarea{  
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

你将从你的textarea中删除轮廓，边框和发光。