textare超出问题

一、textare超出父容器

情景如下：

修复后如下：

1、原因：

textarea带有默认固定宽高（类似的问题：images也自带固定宽高）

2、解决方案：

给textarea重新定义宽度，我是给textarea加了一个class，在它里面定义width=100%，由于class样式的优先级大于标签样式，所以会覆盖原有样式。

3、解决方案代码：

//index.less
 .out-box-input {
    margin: rpx(30);

    .inner-box {
      background-color: white;
      padding: rpx(30);
      border-radius: rpx(18);

      .textarea {
        width: 100%;
      }
    }
  }

//index.wxml
 <view class="out-box-input">
      <view class="inner-box">
        <textarea class="textarea" placeholder="请输入"></textarea>
      </view>
    </view>