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>